Скорость и Core Web Vitals
LCP больше 2.5 секунд: как ускорить главное изображение
Largest Contentful Paint — главная метрика скорости. Сжимаем картинки, preload, CDN.
Скорость и Core Web Vitals
CLS высокий — макет прыгает при загрузке
Cumulative Layout Shift > 0.1 — пользователь раздражается. width/height на картинках, шрифты.
Скорость и Core Web Vitals
INP плохой — клики на сайте отвечают медленно
Interaction to Next Paint > 200ms. Тяжёлый JS, большой DOM, слишком много обработчиков.
Скорость и Core Web Vitals
TTFB долгий — сервер отвечает медленно
Time to First Byte > 600ms. БД, медленный PHP, без кеша — где искать тормоза.
Скорость и Core Web Vitals
Тяжёлые картинки: оптимизация без потери качества
WebP, AVIF, lazy loading, responsive images. Как сжать в 5-10 раз без видимой потери.
Скорость и Core Web Vitals
JavaScript блокирует рендер страницы
Render-blocking JS — главный враг LCP. defer, async, разделение бандла.
Скорость и Core Web Vitals
Шрифты грузятся слишком долго (FOIT/FOUT)
Custom-fonts от Google или подгружаемые отдельно. font-display: swap, preload, локальное хранение.
Скорость и Core Web Vitals
CSS блокирует рендер страницы
Большой CSS-файл задерживает First Contentful Paint. Critical CSS, defer, разделение.
Скорость и Core Web Vitals
Я.Метрика и GA тормозят сайт
Аналитика добавляет 200-500ms к загрузке. Async, defer, отложенная инициализация.
Скорость и Core Web Vitals
Кэширование настроено неправильно
Браузер не кеширует статику, каждый раз загружает заново. Cache-Control, Expires, ETag.
Скорость и Core Web Vitals
LCP больше 2.5 секунд
Largest Contentful Paint — время появления самого крупного видимого элемента. Если > 2.5с — Google понижает позиции мобильной выдачи.
Скорость и Core Web Vitals
TTFB больше 800мс
Time to First Byte — время от запроса до получения первого байта от сервера. Если > 800мс — все остальные метрики тоже плохие.