Core Web Vitals WordPress
Core Web Vitals to metryki Google mierzące doświadczenie użytkownika. Od 2021 wpływają na ranking. Większość stron WordPress ma z nimi problemy. Pokażę jak to naprawić.
Krótka odpowiedź
Co to Core Web Vitals
LCP (Largest Contentful Paint):
- Czas ładowania największego elementu
- Zwykle: hero image lub nagłówek H1
- Dobry: <2.5s, Zły: >4s
CLS (Cumulative Layout Shift):
- Stabilność layoutu (skakanie)
- Reklamy, obrazki bez wymiarów
- Dobry: <0.1, Zły: >0.25
INP (Interaction to Next Paint):
- Responsywność na kliknięcia
- Zastąpił FID w 2024
- Dobry: <200ms, Zły: >500ms
Poprawa LCP
Obrazki:
- WebP format (30% mniejsze)
- Preload hero image
- Odpowiedni rozmiar
- CDN dla szybszego dostarczania
Serwer:
- Szybki hosting (LiteSpeed)
- Cache (WP Super Cache, LiteSpeed Cache)
- Gzip/Brotli kompresja
Critical CSS:
- Inline above-the-fold CSS
- Defer rest
- Wtyczki: Autoptimize, WP Rocket
Poprawa CLS i INP
CLS fix:
- Wymiary dla obrazków (width, height)
- Rezerwacja miejsca na reklamy
- Font-display: swap dla fontów
- Unikaj dynamicznego content powyżej fold
INP fix:
- Defer non-critical JS
- Unikaj long tasks (>50ms)
- Web Workers dla ciężkich operacji
- Mniej wtyczek = mniej JS
Narzędzia:
- PageSpeed Insights (lab + field)
- Search Console → Core Web Vitals
- Chrome DevTools → Performance