Core Web Vitals (CWV)

Краткая суть

Core Web Vitals (CWV - Ключевые интернет-показатели) — это технический стандарт Google 2020-х годов. Раньше Гугл говорил: "Сайт должен грузиться быстро". Но непонятно, что значит "быстро". Сервер ответил за 1 секунду, но экран пользователя белый еще 5 секунд.
CWV ввел три жестокие, но честные метрики, отражающие реальную боль живого человека с телефоном, который смотрит на экран.

Как это работает на практике

Три кита CWV (2026):
1. LCP (Largest Contentful Paint) - Скорость отрисовки. За сколько секунд на экране нарисовался самый огромный кусок контента (Например, главный баннер или заголовок H1)? Должно быть до 2.5 секунд.
2. INP (Interaction to Next Paint) - Интерактивность (Заменил FID в 2024). Вы нажали на кнопку "Открыть меню" на мобилке. За сколько миллисекунд меню реально открылось? (Если сайт перегружен Javascript-ом, телефон "зависает"). Должно быть до 200 миллисекунд.
3. CLS (Cumulative Layout Shift) - Стабильность верстки. Вы читаете статью, хотите кликнуть на ссылку, но тут сверху "Догружается" огромный рекламный баннер, весь текст съезжает вниз, и вы случайно кликаете по рекламе. Это бесит людей. CLS измеряет эти скачки макета. Должно быть < 0.1 (Верстка должна стоять как бетон).

Актуальность в 2026 году

В конкурентных нишах коммерческого SEO (Где у всех сайтов отличный текст и жирные ссылки), метрики CWV стали решающим "Тай-брейком" (Tie-breaker). Из двух идеальных сайтов Гугл поставит на 1-е место тот, у кого LCP зеленая (1.2 сек), а конкурента с красной LCP (4.0 сек) сбросит на 3-е место. Мониторинг "красных зон" в панелях PageSpeed Insights и Search Console (вкладка Короткие показатели) — это ежедневная задача Technical SEO.

Как применять на практике

• Размеры (Dimensions) для картинок: Самая легкая победа в уменьшении CLS (Прыгающей верстки). В HTML всегда (жестко) прописывайте атрибуты width и height для тегов <img> и видео. Браузер сразу зарезервирует белую дырку нужного размера на экране, пока картинка грузится. Когда картинка появится, текст не "прыгнет".
• Отложенная загрузка тяжелых скриптов (Chat-bots / Яндекс.Метрика). Внедряйте их с атрибутами defer или загружайте Только по первому скроллу пользователя (Lazy Load JS), чтобы спасти метрику INP на слабых смартфонах (Android бюджеток).

Частые ошибки

• Слепая вера Лабораторным данным (PageSpeed Insights Circle). Вы прогнали сайт через Lighthouse (Тест из лаборатории) и получили заветные "100 из 100". Но в Консоли сайт всё равно в Красной Зоне и не ранжируется! Почему? Потому что Гугл берет для SEO данные CrUX (Chrome User Experience Report - Полевые данные живых людей). Вы проверяли с быстрого MacBook в Москве на идеальном Wi-Fi. А ваши клиенты заходят с деревни на 3G с китайского телефона. И у них LCP равен 8 секунд. Оптимизировать нужно под самых "слабых" реальных посетителей.