Сайтостроение \ Ускорение сайта

Повышение производительности сайта с помощью ленивой загрузки и разбиения кода

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

Продолжить чтение

Сайтостроение \ Ускорение сайта

Ускоренные мобильные страницы (AMP): повышение конверсии

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

Продолжить чтение

Сайтостроение \ Ускорение сайта

4 основных совета по оптимизации изображений

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

Продолжить чтение

Сайтостроение \ Ускорение сайта

Как проверить скорость загрузки страницы с помощью Custom Connection Speeds от GTmetrix

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

Продолжить чтение

Сайтостроение \ Ускорение сайта

10-кратное увеличение производительности: Оптимизация статического сайта

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

Продолжить чтение

Сайтостроение \ Ускорение сайта

Если вы точно хотите оптимизировать скорость загрузки своего сайта, вот как это сделать

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

Продолжить чтение

Сайтостроение \ Ускорение сайта

Измерение влияния сторонних сервисов с помощью Web Page Test

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

Продолжить чтение

Сайтостроение \ Ускорение сайта

Мобильный интернет: когда скорость имеет значение

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

Продолжить чтение

Сайтостроение \ Ускорение сайта

Как использовать webpagetest.org для проверки скорости загрузки страниц

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

Продолжить чтение

Сайтостроение \ Ускорение сайта

Как мы смогли еще больше ускорить загрузку наших страниц

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

Продолжить чтение