Скорость сайта и Core Web Vitals: что измерять и как ускорить

«Сайт медленный» — слишком размытая формулировка, чтобы с ней работать. Поэтому Google выделил три метрики, которые описывают, как скорость ощущает живой человек: когда он увидел главное, отреагировала ли страница на нажатие и не уехала ли кнопка из-под пальца. Вместе они называются Core Web Vitals — основные показатели качества веб-страницы.

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

Владельцы сайтов часто удивляются: один инструмент показывает зелёные метрики, другой — красные. Обычно дело в том, что они измеряют разное. Полевые данные (field data) — это то, что происходило у реальных посетителей. Лабораторные (lab data) — один прогон страницы в искусственных условиях.

Не гонитесь за баллом 100 в Lighthouse: это лабораторная оценка, а не цель сама по себе. Важнее, чтобы реальные посетители, особенно с телефонов, попадали в зелёную зону по всем трём метрикам.

Отдельно стоит сказать про хостинг. Пока сервер не ответил, браузеру нечего показывать, поэтому медленный или перегруженный сервер добавляет задержку ко всем остальным этапам. Если посетители в основном из Казахстана, а сервер стоит далеко и без CDN, каждый запрос проходит длинный путь — и это видно по LCP ещё до того, как начнут грузиться картинки.

По нашему опыту, на сайтах малого бизнеса главная проблема почти всегда в первых двух строках и в сторонних скриптах: каждый подключённый когда-то виджет «весит» немного, но вместе они заметно замедляют страницу, особенно на телефоне с мобильным интернетом.

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

Вокруг скорости много мифов, поэтому опираемся на документацию Google Search Central. Google рекомендует владельцам сайтов добиваться хороших Core Web Vitals и пишет, что это вместе с другими аспектами удобства страницы соответствует тому, что стремятся поощрять его основные системы ранжирования.