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
- Попереднє завантаження критичних шрифтів
- Підмножина символів