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

Читать далее →

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

Читать далее →

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

Читать далее →

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

Читать далее →

От автора: пару месяцев назад я выехал за пределы США и хотел показать другу ссылку на моем личном (статичном) сайте. Я попытался перейти на свой сайт, но это заняло гораздо больше времени, чем я ожидал. Он не содержит ничего динамичного — только анимацию и адаптивный дизайн, но контент всегда остается прежним. Я был поражен результатами, ~ 4 секунды до DOMContentLoaded и 6.8 секунд до полной загрузки страницы. Было выполнено 20 запросов -1 мб всех переданных данных. Я в Лос-Анджелесе привык к гигабитному интернету с низкой задержкой, что заставляет даже этого монстра грузиться очень быстро. Но в Италии, на 8 Мб / с была совсем другая картина.

Читать далее →

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

Читать далее →

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

Читать далее →

От автора: проверка скорости загрузки страницы осуществляется очень качественно с помощью webpagetest.org, это мой любимый инструмент. Он поддерживает десятки географических точек для выполнения проверки, программы тестов для веб-браузера и мобильного телефона/планшета, другие функции. WPT недавно обновили все локации тестирования Amazon AWS EC2 для использования под Linux, что также позволило увеличить производительность сервера проверок.

Читать далее →

От автора: в 2017 мы сделали свои 2 продукта веб-оптимизации — Mirage и Rocket Loader – еще быстрее! Вместе эти продукты ускоряют примерно 1.2 миллиарда веб-страниц в неделю. Обоим проектам примерно 5 лет, поэтому был большой шанс обновить их под современный мир браузеров, HTTP2 и современные JS инструменты. Мы измерили прирост производительности, и с очень грубыми подсчетами мы экономим посетителям сайтов в нашей сетки примерно 50-700ms. Исследование Google показало, что посетители, которые видят контент быстрее, намного сильнее увлечены им и реже уходят с сайта. Это действительно радует, особенно когда каждый год экономится 380 лет загрузки и ошеломляющая цифра в 1.03 петабайт данных. Поэтому вопрос о том, как ускорить загрузку страниц, всегда будет актуален.

Читать далее →

От автора: с помощью подсказок Preconnect вы сможете уменьшить задержку при ответе на запрос пользователя и увеличить скорость загрузки сайта.

Читать далее →