Core Web Vitals
Три главные метрики Google:
- LCP (Largest Contentful Paint) < 2.5 сек
- FID (First Input Delay) < 100 мс
- CLS (Cumulative Layout Shift) < 0.1
Изображения
Главный источник проблем с производительностью:
- WebP/AVIF форматы
- Lazy loading
- Правильные размеры (srcset)
- Blur placeholder
Оптимизация кода
- Code splitting
- Tree shaking
- Минификация
- Удаление неиспользуемого CSS
Шрифты
Шрифты часто блокируют рендеринг:
- font-display: swap
- Предзагрузка критичных шрифтов
- Подмножество символов