Trzy metryki i ich progi
- LCP (Largest Contentful Paint): czas renderowania największego elementu; dobry wynik to ≤ 2,5 s.
- INP (Interaction to Next Paint): opóźnienie reakcji na interakcje; dobry wynik to ≤ 200 ms.
- CLS: największa suma nieoczekiwanych przesunięć w oknie sesji; dobry wynik ≤ 0,1.
Dlaczego to ważne
Wolne reakcje i niestabilny układ utrudniają korzystanie ze strony. Google uwzględnia Core Web Vitals w swoich systemach rankingowych, ale dobry wynik nie gwarantuje pozycji ani wzrostu konwersji. Wpływ na własnych użytkowników sprawdzaj pomiarem przed i po zmianie.
Przykład
Strona „zdaje” metrykę, gdy 75. percentyl wizyt mieści się w progu dobrym, np. LCP 2,1 s na p75 oznacza sukces, nawet jeśli pojedyncze wizyty są wolniejsze.
Metryka Dobry Wymaga poprawy Słaby
────────────────────────────────────────────────────
LCP ≤ 2,5 s 2,5–4,0 s > 4,0 s
INP ≤ 200 ms 200–500 ms > 500 ms
CLS ≤ 0,1 0,1–0,25 > 0,25Porównanie bez mieszania źródeł
Zapisz URL lub origin, urządzenie, źródło i okres danych. Wynik Lighthouse służy do diagnozy pojedynczego uruchomienia; nie zastępuje 28-dniowego okna CrUX. Standardowy test nawigacji Lighthouse nie mierzy INP realnych interakcji.
Google uwzględnia je w systemach rankingowych, ale nie publikuje stałej wagi. Trafna, pomocna treść nadal ma znaczenie, a poprawienie metryk nie daje gwarancji pozycji.
LCP dla szybkości wczytania, INP dla responsywności i CLS dla stabilności układu. INP zastąpiło First Input Delay w marcu 2024 roku. Zestaw metryk zmieniał się już wcześniej i może się zmienić ponownie.
PageSpeed Insights pokazuje oba pomiary naraz: test laboratoryjny wykonany na miejscu i dane terenowe z CrUX. Search Console raportuje wyłącznie dane terenowe, w ruchomym oknie 28 dni. Ocena opiera się na terenie, więc to jego należy pilnować.
Dane polowe (np. CrUX) pochodzą od realnych użytkowników i decydują o ocenie Core Web Vitals. Dane laboratoryjne (np. Lighthouse) powstają w kontrolowanym środowisku i służą do diagnozy oraz debugowania.
Źródła i dalsza lektura
- web.dev: Web Vitals dokumentacja
- Google Search Central: Core Web Vitals i wyniki wyszukiwania dokumentacja
- Chrome UX Report (CrUX) dokumentacja