Core Web Vitals
Trzy główne metryki Google:
- LCP (Largest Contentful Paint) < 2,5 sek.
- FID (First Input Delay) < 100 ms
- CLS (Cumulative Layout Shift) < 0,1
Obrazy
Główne źródło problemów z wydajnością:
- Formaty WebP/AVIF
- Lazy loading
- Odpowiednie rozmiary (srcset)
- Blur placeholder
Optymalizacja kodu
- Code splitting
- Tree shaking
- Minifikacja
- Usuwanie nieużywanego CSS
Czcionki
Czcionki często blokują renderowanie:
- font-display: swap
- Preloading kluczowych czcionek
- Subsetting znaków