Core Web Vitals — jak poprawić LCP, CLS i INP
Popraw wskaźniki Google i pozycję strony w wynikach wyszukiwania.
⏱ 1 min czytania
Czym są Core Web Vitals
To trzy wskaźniki jakości wrażeń użytkownika, brane pod uwagę przez Google:
- LCP (largest contentful paint) — czas wyświetlenia największego elementu; cel < 2,5 s.
- CLS (cumulative layout shift) — stabilność układu; cel < 0,1.
- INP (interaction to next paint) — responsywność na interakcje; cel < 200 ms.
Poprawa LCP
Optymalizuj największy obraz/hero, używaj cache i WebP, wczytuj kluczowy zasób priorytetowo:
<link rel="preload" as="image" href="/img/hero.webp">Poprawa CLS
Zawsze podawaj wymiary obrazów i osadzeń, aby układ nie „skakał":
<img src="/img/foto.webp" width="1200" height="630" alt="opis">Poprawa INP
Ogranicz ciężki JavaScript, dziel skrypty i usuwaj nieużywane wtyczki.
Pomiar
Zmierz stronę w PageSpeed Insights lub w narzędziu Lighthouse w przeglądarce i poprawiaj najsłabszy wskaźnik jako pierwszy.
Najczęstsze pytania
Czy Core Web Vitals wpływają na pozycję w Google?
Tak, są jednym z sygnałów rankingowych związanych z jakością strony. Nie zastąpią dobrej treści, ale przy porównywalnych stronach mogą przechylić szalę.
Jak zmierzyć Core Web Vitals mojej strony?
Użyj PageSpeed Insights (dane z pola i laboratorium) lub zakładki Lighthouse w narzędziach deweloperskich przeglądarki. Poprawiaj najpierw najsłabszy wskaźnik.