Core Web Vitals: od pomiaru do konkretnej poprawki

Co oznaczają LCP, INP i CLS

LCP dotyczy pojawienia się największego elementu treści; dobry próg to 2,5 s lub mniej. INP opisuje opóźnienie interakcji do kolejnego wyświetlenia; dobry próg to 200 ms lub mniej. CLS mierzy nieoczekiwane przesunięcia układu; dobry wynik to 0,1 lub mniej. Ocenę opiera się na 75. percentylu wizyt. Definicje Web Vitals.

Rozróżnij dwa rodzaje danych

Dane rzeczywistych użytkowników pokazują doświadczenia z różnych urządzeń i warunków. Test laboratoryjny jest kontrolowaną próbą pomocną przy szukaniu przyczyny. Wyniki mogą się różnić. Jeśli serwis nie ma wystarczających danych terenowych, nie oznacza to, że działa idealnie ani że jest uszkodzony.

Powiąż wskaźnik z zachowaniem strony

Przy problemie LCP sprawdź element głównej treści i zasoby potrzebne do jego wyświetlenia. Przy INP przeanalizuj interakcje, które długo czekają na reakcję. Przy CLS szukaj elementów zmieniających miejsce podczas ładowania. Nie wdrażaj jednocześnie wszystkich porad narzędzia bez ustalenia, które dotyczą obserwowanego problemu.

Przykład kontrolowanego porównania

Jeśli podejrzewasz ciężki obraz na początku strony, zapisz warunki testu i wynik przed zmianą. Przygotuj wariant obrazu o odpowiednim rozmiarze, a następnie powtórz pomiar w tych samych warunkach. Osobno sprawdź jakość wizualną na dużym ekranie. Lepszy wynik nie powinien oznaczać nieczytelnego materiału.

Sprawdź również cel wizyty

Po poprawkach przejdź przez ofertę i formularz na telefonie. Strona może mieć dobre wskaźniki i nadal nie wyjaśniać usługi. Wydajność jest częścią odbioru serwisu, obok treści oraz poprawnego działania funkcji.

Ćwiczenie: znajdź element, który przesuwa ekran

Otwórz jedną stronę na telefonie i obserwuj moment pojawiania się obrazów, fontów i banera zgód. Jeśli przycisk zmienia miejsce podczas ładowania, zapisz element i warunki. Sprawdź w narzędziu pomiarowym, czy obserwacja odpowiada przesunięciom układu.

Przykładową poprawką może być zarezerwowanie miejsca na obraz przez poprawne wymiary. Po zmianie porównaj ten sam adres i warunki. Wynik laboratoryjny pomaga diagnozować, a dane od rzeczywistych użytkowników pokazują działanie w szerszym okresie. Nie zastępuj tego jedną odznaką z testu.