Core Web Vitals и Page Experience

⏱️

Пользователь ждёт загрузки

«3 секунды... 5 секунд... всё, я ушёл к конкурентам. Если страница грузится медленно — вы теряете меня навсегда.»

📌 Core Web Vitals (CWV) — набор метрик Google, измеряющих реальный пользовательский опыт: скорость загрузки, интерактивность и визуальную стабильность. С 2021 года — официальный фактор ранжирования.

Три метрики Core Web Vitals

Метрика	Что измеряет	Цель (хорошо)
LCP Largest Contentful Paint	Время отрисовки главного элемента	≤ 2.5 сек
INP Interaction to Next Paint	Скорость реакции на действия	≤ 200 мс
CLS Cumulative Layout Shift	Стабильность верстки при загрузке	≤ 0.1

Что такое Page Experience?

Google оценивает не только CWV, но и другие сигналы опыта пользователя:

HTTPS — безопасное соединение (обязательно)
Mobile-friendliness — адаптивность под мобильные устройства
Отсутствие навязчивых интерстициалов — попапы не должны закрывать основной контент

Как улучшить Core Web Vitals:

LCP (загрузка):
☐ Оптимизируй изображения (WebP, lazy loading)
☐ Используй CDN для статических ресурсов
☐ Preload главные изображения

INP (интерактивность):
☐ Минимизируй JavaScript
☐ Разбей длинные задачи (Long Tasks)

CLS (стабильность):
☐ Укажи размеры images и video
☐ Не вставляй контент поверх загруженного

Инструменты измерения

🔍

PageSpeed Insights

Реальные + лабораторные данные

📊

GSC → Core Web Vitals

Отчёт по всему сайту

🛠️

Chrome DevTools

Детальный анализ узких мест

🏆

Алекс после оптимизации CWV

«LCP снизили с 4.2 до 1.8 сек — конвертировали изображения в WebP и добавили preload. Bounce rate снизился на 18%. Google ещё не обновил позиции, но пользователи уже счастливее.»

🎯 Важно: Core Web Vitals — не серебряная пуля для ранжирования. Контент и ссылки всё ещё важнее. Но при прочих равных условиях быстрый сайт выигрывает у медленного.

🎮 Проверь себя: сопоставь метрики CWV с тем, что они измеряют!

🎯

Задание к уроку

Проверьте понимание и получите +25 XP

← Структурированные данные

Урок 21 из 22

Перейти к заданию →