LCP

Co to jest

Zegar rusza, gdy strona zaczyna się ładować, i staje, gdy największa rzecz w widocznym obszarze jest już narysowana. Nie wtedy, gdy strona skończyła się ładować — wtedy, gdy pojawiło się to, po co ktoś przyszedł.

O tym, co jest „największe”, decyduje przeglądarka, nie ty, i prawie zawsze jest to jedna z trzech rzeczy: zdjęcie w nagłówku, pierwszy duży tytuł albo tło, które okazuje się osobnym elementem. Wszystko poniżej pierwszego ekranu jest pomijane.

Dlaczego to twój problem, jeśli zamawiasz stronę

To liczba pilnująca momentu, w którym odwiedzający przestaje patrzeć na nic. Cokolwiek mówi całkowity czas ładowania, strona jest bezużyteczna, dopóki nie pojawi się jej główny element — i właśnie to mierzy LCP.

To również ten wskaźnik z Core Web Vitals, który najwięcej stron oblewa, i ten, który najbardziej opłaca się naprawić, bo przy okazji zwykle poprawiają się pozostałe dwa.

Co realnie je poprawia

Prawie zawsze usuwanie, nie strojenie.

Przy migracji z WordPressa LCP nie poprawia się dlatego, że skompresowałem zdjęcia. Poprawia się dlatego, że żądanie nie czeka już na arkusze stylów wtyczek, ładowarkę fontów, skrypt slidera i skrypt cookies — a każde z nich blokuje przeglądarce narysowanie czegokolwiek. Wyślij HTML gotowy przed przyjściem żądania, a nagłówek nie ma za czym stać w kolejce.

Dwa błędy, które znajduję niemal w każdym audycie. Zdjęcie w nagłówku ma loading="lazy" — czyli przeglądarka dostaje polecenie, żeby zaczekać z pobraniem jedynego obrazka, który ten wskaźnik mierzy; zwykle dlatego, że wtyczka dodała ten atrybut wszystkim obrazkom na stronie. I drugi: font jest pobierany przez arkusz stylów, który sam jest pobierany przez inny arkusz, więc tytuł nie ma się czym narysować, dopóki nie skończą się dwie rundy w obie strony. Na tej stronie font jest preładowany razem z dokumentem właśnie z tego powodu.

Reszta czasu to serwer. Wolny pierwszy bajt jest sufitem: żadna praca po stronie przeglądarki nie zejdzie poniżej czasu, który zajęła odpowiedź.

Czym LCP nie jest

Nie jest czasem ładowania strony ani wynikiem z Lighthouse. Lighthouse daje liczbę z laboratorium, z jednej symulowanej wizyty, bez banera cookies i bez tagów marketingowych. LCP, które się liczy, pochodzi z prawdziwych sesji w Chrome z 28 dni. Te dwie wartości rutynowo się nie zgadzają, a gdy się nie zgadzają, Google patrzy na dane z pola.