Strony WWW
Core Web Vitals — co to jest i jak poprawić szybkość strony
Opublikowano:
Core Web Vitals to trzy wskaźniki Google mierzące realne wrażenia użytkownika: LCP (jak szybko ładuje się główna treść), INP (jak szybko strona reaguje na kliknięcia) i CLS (czy układ nie „skacze”). Poprawisz je głównie przez optymalizację obrazów, ograniczenie i odroczenie skryptów oraz rezerwowanie miejsca na elementy.
Trzy wskaźniki — co oznaczają
- LCP (Largest Contentful Paint) — czas wyświetlenia głównej treści. Cel: ≤ 2,5 s.
- INP (Interaction to Next Paint) — jak szybko strona reaguje na kliknięcia. Cel: ≤ 200 ms.
- CLS (Cumulative Layout Shift) — czy układ nie przeskakuje podczas ładowania. Cel: ≤ 0,1.
Jak poprawić — konkretnie
- Obrazy: format WebP/AVIF, atrybuty width/height oraz lazy-loading dla treści poniżej ekranu.
- Skrypty: ogranicz i odrocz JavaScript (defer/async), usuń zbędne biblioteki i third-party.
- CSS: wczytuj krytyczny CSS wcześnie, resztę asynchronicznie.
- Fonty: font-display: swap i preload tylko fontów krytycznych.
- Hosting/CDN: szybka odpowiedź serwera i cache.
- Stabilność: rezerwuj miejsce na obrazy i osadzone elementy, by układ nie skakał (CLS).
Dlaczego to się opłaca
Szybka, stabilna strona to wyższe pozycje w Google (Core Web Vitals są sygnałem rankingowym), niższy współczynnik odrzuceń i wyższa konwersja. Użytkownik nie czeka — albo działasz szybko, albo tracisz go na rzecz konkurencji.
Najczęstsze pytania
Czym mierzyć Core Web Vitals?
Najprościej w PageSpeed Insights i w Google Search Console (raport Core Web Vitals na realnych danych użytkowników). Lighthouse daje pomiar laboratoryjny.
Czy Core Web Vitals wpływają na pozycje?
Tak — są jednym z sygnałów rankingowych Google. Nie są najważniejsze, ale przy zbliżonej jakości treści potrafią przeważyć, a dodatkowo wpływają na konwersję.
Co najczęściej psuje szybkość strony?
Nieoptymalizowane, zbyt duże obrazy, nadmiar skryptów (zwłaszcza zewnętrznych) oraz brak rezerwacji miejsca na elementy, co powoduje skoki układu (CLS).
Powiązana usługa: Strony i sklepy →