Проверка скорости загрузки сайта: как это работает

Скорость загрузки сайта — это не одна величина, а набор метрик, которые измеряют разные этапы открытия страницы. Проверка скорости загрузки сайта показывает, где именно вы теряете посетителей: на медленном сервере, тяжёлых картинках или скриптах, которые блокируют отрисовку. Ниже — как устроены эти измерения, что означают числа и что делать с результатом.

01Что на самом деле измеряет проверка

Инструменты замеряют не «скорость сайта» целиком, а несколько ключевых моментов загрузки. Главный из них — LCP (Largest Contentful Paint): время, за которое на экране появляется самый крупный элемент страницы. Обычно это баннер, заглавная картинка или блок с текстом.

Второй по важности показатель — CLS (Cumulative Layout Shift). Он считает, насколько сильно «прыгает» вёрстка, пока страница грузится. Если вы когда-нибудь пытались нажать кнопку, а она уезжала вниз — это как раз высокий CLS.

Третий — TTFB (Time To First Byte): сколько времени сервер думает, прежде чем отдать первый байт данных. Этот показатель зависит не от картинок, а от хостинга, базы данных и кэша.

Проверка скорости загрузки сайта в Google даёт две оценки: для мобильных и для компьютеров. Мобильная почти всегда ниже — и именно на неё стоит ориентироваться.

02Лабораторные и полевые данные: почему цифры расходятся

PageSpeed Insights показывает два разных набора чисел, и это сбивает с толку. Лабораторные данные, это синтетический тест: робот Google открывает вашу страницу с нуля в заданных условиях. Полевые данные, реальные замеры посетителей за последние 28 дней.

Если лабораторная оценка 90, а полевая 40, значит, у настоящих пользователей всё плохо. Синтетика не учитывает медленный мобильный интернет, старые телефоны и расстояние до сервера. Ориентируйтесь на полевые данные, они отражают опыт живых людей.

Проверить сайт на скорость загрузки можно и без Google: встроенные инструменты браузера (вкладка Network в DevTools) показывают, какой файл сколько весит и сколько времени грузится. Это полезно, когда нужно найти конкретный тяжёлый элемент.

Фото: Nothing Ahead · Pexels

03Что сильнее всего тормозит сайт

Причины медленной загрузки почти всегда одни и те же. Вот они по частоте:

• Тяжёлые изображения. Картинка на 3 МБ вместо 200 КБ, самая частая проблема. Формат WebP и правильные размеры решают её.

• Медленный сервер. Высокий TTFB (больше 600 мс) говорит о проблемах хостинга или базы данных.

• Скрипты, блокирующие отрисовку. Рекламные и аналитические скрипты в шапке страницы задерживают показ контента.

• Отсутствие кэширования. Без кэша браузер каждый раз скачивает одни и те же файлы заново.

Отдельная история, сторонние виджеты: чаты, карты, кнопки соцсетей. Каждый из них добавляет запросы к чужим серверам, и вы не контролируете их скорость.

04Как проверить скорость загрузки сайта: пошагово

• Откройте PageSpeed Insights и введите адрес страницы. Смотрите не на общую оценку, а на блок «Показатели».

• Запишите три числа: LCP, CLS и TTFB. Хорошие значения: LCP до 2,5 с, CLS до 0,1, TTFB до 0,8 с.

• Прокрутите до раздела «Возможности», там перечислены конкретные проблемы с оценкой экономии времени.

• Проверьте ту же страницу в DevTools на вкладке Network: отсортируйте файлы по размеру и найдите самые тяжёлые.

• Повторите замер через неделю после правок, изменения в полевых данных появляются не сразу.

Если сайт на популярной CMS, часть проблем решается плагинами кэширования и оптимизации изображений. Но сначала убедитесь, что тормозит именно фронтенд, а не сервер.

Фото: Markus Spiske · Pexels

Начинайте с самого дорогого пункта, а не с самого простого. Если TTFB высокий, оптимизация картинок не поможет, сначала переезжайте на нормальный хостинг или настраивайте серверное кэширование.

После правок не ждите мгновенного результата. Google обновляет полевые данные с задержкой, поэтому оценка может «отставать» от реальности на несколько недель.

05Частые ошибки при проверке

Даже опытные специалисты иногда делают выводы слишком быстро. Вот что искажает картину:

• Смотреть только на общую оценку. 85 баллов ничего не говорят о том, где проблема. Читайте детали.

• Проверять одну страницу. Главная может быть быстрой, а карточки товаров, грузиться по пять секунд. Проверяйте разные типы страниц.

• Игнорировать мобильные. Больше половины трафика приходит со смартфонов, а мобильная версия часто тяжелее.

• Гнаться за 100 баллами. Практический потолок для сайта с рекламой и аналитикой, 90-95. Разница между 95 и 100 почти не влияет на пользователей.

Ещё одна ошибка, оптимизировать ради цифры, а не ради людей. Если сайт стал быстрее, но сломался дизайн или пропали нужные функции, вы поменяли одну проблему на другую.

06Частые вопросы

Как часто нужно проверять скорость загрузки сайта?

Раз в месяц для основных страниц и после каждого крупного обновления, нового плагина, редизайна, смены хостинга. Регулярный контроль помогает поймать деградацию до того, как её заметят посетители.

Влияет ли скорость загрузки на позиции в поиске?

Да, скорость входит в число факторов ранжирования, но это не главный критерий. Медленный сайт проигрывает конкуренту с похожим контентом, однако скорость не вытащит страницу с плохим текстом наверх.

Почему оценка в Google и в других сервисах отличается?

Разные инструменты используют разные условия теста: скорость соединения, устройство, точку замера. Сравнивать результаты между сервисами бессмысленно, следите за динамикой внутри одного инструмента.

Можно ли ускорить сайт без программиста?

Частично да: включить кэширование, сжать изображения, отключить лишние плагины. Но если проблема в сервере или коде, понадобится специалист. Для серьёзных проектов разумнее сразу закладывать производительность в разработку.

07Ещё по теме

• Блог
• SEO продвижение сайта: как это работает