Скорость сайта — это несколько показателей, которые называют Core Web Vitals (основные веб-показатели). LCP показывает, когда человек увидел главное содержимое экрана, CLS считает сдвиги вёрстки при загрузке, а INP измеряет задержку ответа на нажатие. Поисковики учитывают все три.
Почему это про деньги
Человек с телефона в метро ждать не будет. Каждая лишняя секунда до появления заголовка и кнопки стоит вам части посетителей. В отчётах это выглядит как «мало трафика», хотя на сайт заходили.
Прыгающая при загрузке страница заставляет промахиваться по кнопкам. Человек нажимает «Отправить», в этот момент подгружается картинка, кнопка уезжает вниз, и нажатие не срабатывает.
Три показателя
- LCP — время до появления самого большого элемента первого экрана, обычно заголовка или главной картинки. Хороший результат на телефоне: до 2,5 секунды.
- CLS — суммарный сдвиг вёрстки, хороший результат близок к нулю. Сдвиги дают картинки без указанных размеров, баннеры, которые появляются сверху, и шрифты, которые подменяются на ходу.
- INP — задержка ответа на действие, хороший результат до 200 миллисекунд. Портят его тяжёлые скрипты: чаты, карты и аналитика, которые грузятся все сразу.
Что даёт эффект быстрее всего
Картинки. На большинстве сайтов 80% веса страницы приходится на фотографии в исходном размере. Сжатие и формат WebP уменьшают их в разы.
Сторонние скрипты. Каждый чат, пиксель и виджет — это запрос к чужому серверу, который вы не контролируете. Посчитайте, сколько их на странице, и уберите те, которыми никто не пользуется.
Размеры картинок в коде и предзагрузка шрифта. Две строки убирают большую часть сдвигов вёрстки.