От автора: внезапно мне понадобилась оптимизация CSS. Все началось с этого. Я был убежден, что делаю все, по крайней мере, нормально, но Google PageSpeed Insights оценил мою скорость как однозначно «Низкую». Tavolia — это самый большой проект, над которым я когда-либо работал, поэтому неудивительно, что это был первый случай, когда я столкнулся с проблемами со скоростью. Я знаю, что Google ...

От автора: компонентное представление в веб-разработке отмечалось как до, так и после. Обычно в качестве преимуществ упоминали повторное использование и модульность. Хорошо определенные кусочки, с помощью которых можно строить наши сайты, как детальки лего. Оказалось, что эта компонентная структура заложила хорошее основание для возможности повышать производительность сайта. Мы четко знаем зависимости, поэтому знаем, какой код нужно запустить, чтобы запустить определенный ...

От автора: мобильный веб не так давно обошел десктоп. Мобильные адаптивные страницы стали стандартом. Но с ростом мобильного рынка всегда есть куда развиваться, если вы хотите улучшить мобильный UX. Один из способов – AMP или ускоренные мобильные страницы. С одной стороны серфинг на мобильном устройстве комфортнее, благодаря несравненной доступности. Вы все время носите в своем кармане онлайн соединение. С другой ...

От автора: неважно, делаете вы полноразмерные eCommerce сайты или просто онлайн домик для своего портфолио по дизайну, в этой статье вы узнаете пару советов из книги Addy о том, как делается оптимизация изображения. Будьте избирательны и предварительно загружайте критические изображения Взгляните на свой сайт и найдите критические изображения. В большинстве случаев это будет логотип или баннер, которые должны отображаться максимально ...

От автора: знаете ли вы, что есть простой способ ускорить работу вашего сайта без особых усилий? Сегодня мы рассмотрим подсказки в браузере и директивы ресурсов, которые представляют собой крошечные фрагменты html, которые мы можем использовать для повышения производительности веб-сайта или веб-приложения всего за несколько минут. По умолчанию браузеры сначала загружают ресурсы, объявленные в HTML. Однако директивы ресурсов подсказок дают возможность ...

От автора: вы можете проверить скорость загрузки страницы на пользовательских скоростях соединения с помощью GTmetrix. Это будет полезно, если вы хотите узнать, как уникальная скорость соединения (высокоскоростная широкополосная связь, корпоративное оптоволоконное соединение и т. д.) может повлиять на производительность вашего сайта. Custom Connection Speeds доступны только для инструментария Developer Toolkit — на Бронзовом, Серебряном и Золотом планах, а также в ...

От автора: пару месяцев назад я выехал за пределы США и хотел показать другу ссылку на моем личном (статичном) сайте. Я попытался перейти на свой сайт, но это заняло гораздо больше времени, чем я ожидал. Он не содержит ничего динамичного — только анимацию и адаптивный дизайн, но контент всегда остается прежним. Я был поражен результатами, ~ 4 секунды до DOMContentLoaded ...

От автора: помните эту знаменательную сцену из очень известной «Пародии на Звездные войны» на фото ниже? Тогда мы просто посмеялись над тем, как нелепо звучало заявление — Скорость света слишком медленная. Но технологии настолько продвинулась вперед, что загрузка медиа должна быть мгновенной, иначе люди не получат их. Терпение — это добродетель эонов. Но нам этого недостаточно. Нам нужно знать, как ...

От автора: в сторонних сервисах произошел взрыв … И как Тим Кадлец однажды сказал: «Все должно иметь ценность, потому что все имеет стоимость». Итак, как мы оцениваем производительность всех сторонних сервисов, которые мы продолжаем добавлять на наши сайты? Хотя Chrome поддерживает блокирование отдельных запросов, мой любимый подход по-прежнему использует Web Page Test. Если вас интересует подход Chrome, Umar рассмотрел, как ...

От автора: в 2016 потребление интернета с мобильных устройств впервые превысило настольные ПК. По данным исследования Google UK: «Сегодня 65% всего взрослого населения Великобритании использует смартфон в качестве основного устройства для выхода в интернет.» С помощью мобильных устройств люди ищут информацию, совершают покупки, подписываются на сервисы. Сдвиг в предпочтениях повлиял и на ожидания пользователей. Сегодня большинство пользователей не будут ждать ...