Ускорение работы сайта. Часть 1 Общие понятия
Часто торможение сайта — это серьезная проблема, так как пользователи просто не дожидаются окончания загрузки и покидают страницу. Особенно если начало отрисовки страницы происходит через 8–10 секунд после клика по ссылке. Пользователь ПК готов ждать около 3 секунд, смартфона 6-10 секунд. Любые задержки в загрузке могут приводить к потерям аудитории и снижению конверсии. Например, специалисты компании Amazon выяснили, что каждые 100 мс (0,1 с) задержки приводят к сокращению продаж на 1%. А 79% пользователей интернет-магазинов не хотят делать повторную покупку на том же ресурсе, если в первый раз этот сайт загружался долго.
Надо учитывать, что на сегодняшний день более половины интернет-аудитории используют мобильные устройства для доступа к интернет-ресурсам. Это значит, что они могут использовать более медленные каналы для доступа. Важно учитывать еще и то, что медленные сайты потребляют повышенный объем ресурсов хостинга. В таком случае не обходится без потерь в часы пиковой нагрузки на сайт, а также могут возникать дополнительные финансовые расходы.
Нормальная скорость загрузки сайта должна быть следующая: начало рендеринга в течение 1 секунды, загрузка страницы в течение 3–5 секунд. Такая скорость должна достигаться у реальных пользователей даже в сложных условиях мобильного подключения и на устаревших устройствах.
Cервисы для оценки скорости загрузки сайта
Существует большое количество сервисов для оценки скорости загрузки сайтов. Давайте рассмотрим некоторые из них.
Панель разработчика в браузере Chrome
- На вкладке Дополнительные инструменты → Инструменты разработчика → Network (или F12 → Network) можно получить метрики по времени загрузки всех элементов, включая сам HTML-документ.
- Для оценки полной картины процесса загрузки страницы можно воспользоваться вкладкой Performance, которая дает полную детализацию вплоть до времени декодирования картинок.
- Если нужно оценить скорость сайта без полной детализации, достаточно запустить аудит сайта во вкладке Audits с использованием плагина Lighthouse.
Сервис WebPagetest
Этот сервис загружает сайт в браузерах с заданным типом соединения и формирует подробный отчет по всем этапам и метрикам.
Сервис GTMetrix
Может не только проанализировать скорость загрузки сайта, но и дать дельные советы по устранению неполадок.
Сервис Google PageSpeed Insights
Этот сервис можно использовать для быстрой оценки клиентской оптимизации, однако он не включает в себя большинство важнейших метрик по времени загрузки.
Системы веб-аналитики: Яндекс.Метрика и Google Analytics
Системы позволяют анализировать и создавать специальные отчеты о времени загрузки сайтов у реальных пользователей.
Измерение скорости работы сайта
Существует 4 основные метрики скорости работы сайтов, на которые надо обратить особое внимание:
- Время до первого байта (TTFB — time to first byte) — это время от начала процесса загрузки до получения первой порции данных от сервера. Считается основной метрикой для серверной оптимизации.
- Начало рендеринга страницы (start render, first paint). Метрика показывает время до окончания периода «белого экрана» в браузере, когда начинается отрисовка страницы.
- Загрузка основных элементов страницы (load time) — загрузка и интерпретация всех ресурсов для работы со страницей. После завершения индикатор загрузки страницы перестаёт крутиться.
- Полная загрузка страницы: время до окончания основной деятельности браузера, загружены все основные и отложенные ресурсы.
Полезно знать объём трафика для третьей и четвертой метрики, чтобы оценить влияние скорости соединения на время загрузки.
В следующих статьях мы разберемся с тем, что такое серверная и клиентская оптимизация сайта, и какие задачи они позволяют решать. А пока не лишне будет задуматься вот о чем: мы в первую очередь беспокоимся о баллах Google, которые может получить наш сайт за скорость, но как-то забываем о том, насколько его в принципе удобно эксплуатировать пользователю, о его “юзабельности”.
Остались вопросы? Связаться с автором статьи можно через Telegram: @SolutionsStudio
Спасибо за статью!
Ссылки-то почему не дали на сервисы?
И забыли упомянуть, что все эти сервисы измеряют не из России.
Еще момент.
- Яндекс.Метрика не показывает скорость загрузки до конца, только DOM.
- Гугл Аналитика показывает данные на основе реальных данных и усредненные данные.
Такое ощущение, что статья написана для SEO. Если так, то всем кто найдет дам информацию, что есть сервисы, которые измеряют из России.
Например:
https://sitespeed.ru — измеряет из Москвы.
https://loading.express — измеряет из 5 городов России, Белоруссии, Германии.
Хороший и полезный отчет из Lighthouse 6 на русском языке можно получить здесь:
https://lh6.loading.express.
Я чаще всего встречал требования к проверке по Google Pagespeed Insights. По Украине в основном на гугле все сидят видимо)
Помогу с ускорение сайта бесплатно. Пишите в личку или в телегу https://t.me/EgorVoynov
Кстати, вот например простой сайт на ворпдпрессе с 94 по гугл инсайт для мобильных https://ijn.co.id/