LCP: kiedy pojawia się najważniejsza treść
Largest Contentful Paint mierzy czas do wyrenderowania największego widocznego elementu — często zdjęcia hero albo głównego nagłówka. Dobry wynik to maksymalnie 2,5 sekundy dla większości realnych wizyt.
INP: jak szybko strona odpowiada
Interaction to Next Paint ocenia opóźnienie po kliknięciu, wpisaniu tekstu lub innej interakcji. Ciężkie skrypty i zbyt dużo pracy po stronie przeglądarki sprawiają, że serwis wydaje się „zamulony”.
CLS: czy układ pozostaje stabilny
Cumulative Layout Shift wychwytuje sytuacje, w których przycisk lub tekst przesuwają się w trakcie ładowania. Najczęstszą przyczyną są obrazy bez określonych wymiarów, spóźnione fonty i dynamicznie wstrzykiwane elementy.
Jak traktować wyniki
Dane laboratoryjne pomagają diagnozować, ale najważniejsze są dane od prawdziwych użytkowników. Optymalizacja powinna zaczynać się od najczęściej odwiedzanych szablonów i urządzeń, a nie od pogoni za idealnym wynikiem każdej podstrony.
- mierz na realnych urządzeniach i połączeniach
- kompresuj obrazy i ogranicz skrypty zewnętrzne
- dbaj o stabilne wymiary elementów
- monitoruj wyniki po każdej większej zmianie
Najczęstsze pytania
Jakie metryki tworzą Core Web Vitals?
Obecny zestaw obejmuje LCP, INP i CLS. Mierzą odpowiednio szybkość pojawienia się głównej treści, reakcję strony na interakcję oraz stabilność układu.
Czy wynik Lighthouse jest tym samym co Core Web Vitals?
Nie. Lighthouse dostarcza pomiar laboratoryjny pomocny w diagnozie, natomiast ocena Core Web Vitals opiera się przede wszystkim na danych terenowych od prawdziwych użytkowników.
Źródła i dalsza lektura
- Web Vitalsweb.dev
- Core Web Vitals workflows with Google toolsweb.dev