Скорость сайта (site speed) — это время от запроса страницы до момента, когда пользователь видит контент и может с ним взаимодействовать. Простыми словами, насколько быстро сайт открывается на телефоне и десктопе. Google ввёл скорость как фактор ранжирования для десктопа в апреле 2010, для мобильных — в июле 2018 (Speed Update).
С марта 2024 ядро Core Web Vitals составляют LCP, INP и CLS, INP заменил FID. По данным Google, при росте загрузки с 1 до 3 секунд вероятность отказа увеличивается на 32%. Зачем нужна оптимизация скорости — она напрямую связана с конверсией и поведенческими факторами.
§ 01Как считается
Скорость сайта измеряется набором метрик. LCP (Largest Contentful Paint) — отрисовка крупнейшего элемента, порог ≤ 2.5 с. INP (Interaction to Next Paint) — отклик на клик/тап, ≤ 200 мс. CLS (Cumulative Layout Shift) — сдвиг макета, ≤ 0.1. TTFB (Time to First Byte) — ответ сервера, ≤ 0.8 с. Что это значит на практике: страница проходит Core Web Vitals, если 75% сессий укладываются в пороги по всем трём метрикам.
§ 02Зачем нужно
Оптимизация скорости сайта влияет на три зоны. Ранжирование: Google использует CWV как сигнал с июня 2021 (Page Experience Update), Яндекс учитывает скорость в ИКС и поведенческих. Конверсия: Walmart фиксировал +2% конверсии на каждую секунду ускорения. Краулинговый бюджет: медленный сервер сокращает частоту обхода Googlebot. Для чего нужно следить за метриками — медленный сайт теряет позиции и деньги одновременно.
LCP 4.6→1.9 c, выручка +18% — Интернет-магазин одежды на Shopify Plus внедрил lazy-loading галереи, WebP и critical CSS. LCP мобильной карточки упал с 4.6 до 1.9 с за 8 недель. Замер через PageSpeed Insights и CrUX-75th, выручка с органики выросла на 18%.
TTFB 1.8→0.4 c, отказы −22% — B2B SaaS-платформа для HR на Next.js перенесла фронт на Vercel Edge и подключила ISR для маркетинговых страниц. TTFB снизился с 1.8 до 0.4 с за 5 недель. Динамика по GA4 и Web Vitals Report: показатель отказов упал на 22%.
§ 03Как измерить
Лабораторные данные собирает PageSpeed Insights и Lighthouse в DevTools — они моделируют загрузку на медленном 4G. Полевые данные (реальные пользователи) — отчёт Core Web Vitals в Search Console и публичный датасет CrUX (Chrome User Experience Report). WebPageTest даёт водопад запросов с разных локаций. GTmetrix визуализирует историю по дням. С чего начать — открыть отчёт Core Web Vitals в Search Console и отсортировать URL по статусу Poor.
§ 04Что делать дальше
Сначала — критический рендеринг: сжать изображения в WebP/AVIF, добавить loading=lazy, прелоадить hero-картинку через <link rel=preload>. Дальше — JS: вынести сторонние скрипты (GTM, чаты) в defer, удалить неиспользуемый код через Coverage в Chrome. Сервер: включить Brotli, HTTP/2, кеш на CDN (Cloudflare, BunnyCDN). Илья Гусаров рекомендует чинить INP в первую очередь — он чаще всего проваливает CWV на e-commerce проектах.