Trzy metryki, trzy różne problemy

LCP opisuje pojawienie się największego elementu treści, INP — responsywność na interakcje, a CLS — nieoczekiwane przesunięcia układu. Progi dobrego wyniku to odpowiednio do 2,5 s, do 200 ms i do 0,1. Ocena wykorzystuje 75. percentyl obserwacji; warto rozdzielać urządzenia mobilne i komputery.

Źródło: web.dev: Web Vitals ↗

Wysoki wynik jednej metryki nie mówi, że dwie pozostałe są dobre. Szybko widoczny ekran może mieć przycisk reagujący z opóźnieniem albo baner przesuwający treść tuż przed kliknięciem.

Szukaj przyczyny w konkretnym widoku

Przy LCP sprawdź, który element jest mierzony i kiedy przeglądarka dowiaduje się o jego zasobie. Przy INP przeanalizuj interakcje i długie zadania wykonywane w głównym wątku. Przy CLS odtwórz momenty doładowania obrazów, reklam, fontów i komunikatów.

Przykład zadania dla wykonawcy

„Zarezerwować miejsce na zdjęcie produktu przed pobraniem i sprawdzić, czy przycisk zakupu nie zmienia położenia”. To bardziej użyteczne niż polecenie „poprawić szybkość strony”.

Oddziel diagnozę od oceny użytkowników

Test laboratoryjny pomaga odtworzyć problem w kontrolowanych warunkach. Dane rzeczywistych wizyt pokazują doświadczenia szerszej grupy, ale potrzebują odpowiedniej liczby obserwacji i czasu. Brak danych terenowych nie oznacza wyniku zerowego.

W tym serwisie wynik Lighthouse i dostępne dane użytkowników są pokazywane oddzielnie. TBT z testu laboratoryjnego nie jest INP. Nie należy zamieniać nazwy metryki po to, by raport wyglądał na pełniejszy.

Wdrożenie oceniaj również funkcjonalnie

Po optymalizacji sprawdź wyszukiwanie, filtry, formularze i koszyk. Usunięcie skryptu może poprawić pomiar, a jednocześnie zepsuć ważne działanie. Zapisz, jaki problem rozwiązano i na jakich typach stron przeprowadzono kontrolę.

Dobry wynik wydajności jest celem jakościowym. Nie jest umową na określoną pozycję w Google ani zamiennikiem właściwej oferty i przydatnej treści.

DO WYKORZYSTANIA W PRAKTYCE

Twoja lista kontrolna

  • Sprawdź metryki oddzielnie dla urządzeń.
  • Zidentyfikuj konkretny element lub interakcję.
  • Nie utożsamiaj TBT z INP.
  • Po optymalizacji przetestuj ważne działania użytkownika.

Źródła i aktualność

Dokumentacja sprawdzona 21 września 2026 r. Przykłady w artykule są ilustracyjne — nie opisują wyników audytu ani realizacji klienta.

Materiał edukacyjny opracowany z pomocą AI na podstawie wskazanych źródeł. Nie zastępuje indywidualnej oceny strony przez specjalistę. Zasady redakcyjne.