Co to są Core Web Vitalsą
Core Web Vitals to zestaw metryk Google mierzących doświadczenie użytkownika: LCP (czas ładowania), FID/INP (interaktywność) i CLS (stabilność layoutu). Mają wpływ na pozycją w wyszukiwarce.
LCP (Largest Contentful Paint) - max 2.5s
- Zainstaluj wtyczkę cache (WP Rocket, LiteSpeed Cache)
- Optymalizuj największy element na stronie (często baner/hero image)
- Dodaj atrybut
fetchpriority="high"do głównego obrazu - Użyj CDN (Cloudflare) do serwowania zasobów z serwerów bliżej użytkownika
CLS (Cumulative Layout Shift) - max 0.1
- Zawsze podaj wymiary (width/height) dla obrazów
- Unikaj dynamicznie wstrzykiwanych elementów (reklamy, banery)
- Używaj font-display: swap dla czcionek
INP (Interaction to Next Paint) - max 200ms
- Ogranicz ilość JavaScript blokującego wątek główny
- Używaj lazy loading dla obrazów i elementów poniżej fold
Narzędzia do pomiaru
- Google PageSpeed Insights (pagespeed.web.dev)
- GTmetrix (gtmetrix.com)
- Google Search Console → Core Web Vitals
