Test Largest Contentful Paint (LCP)
Test Largest Contentful Paint (LCP) w SEOptimerze pokazuje wynik LCP Twojej strony na tle progów Google, wykorzystując dane terenowe Google pochodzące od rzeczywistych użytkowników.
Audyt SEO dowolnej witryny w kilka sekund
+ Kompleksowe narzędzia SEO / GEO do każdego zadania
Wykonuj ponad 100 kontroli swojej witryny w zakresie SEO on-page, użyteczności, wydajności, mediów społecznościowych i linków. Teraz z GEO w każdym raporcie. SEOptimer oferuje również badanie słów kluczowych, monitorowanie pozycji, analizę linków zwrotnych oraz pełne indeksowanie witryny.
Informacje o Largest Contentful Paint
Co to jest Largest Contentful Paint?
Largest Contentful Paint mierzy czas potrzebny na wyrenderowanie największego widocznego elementu — zwykle głównego obrazu, plakatu filmu lub bloku tekstu nagłówka. To pojedyncza metryka, która najlepiej odpowiada na pytanie: „Kiedy strona się pojawiła?”.
Celowo pomija wszystko, co znajduje się poniżej widocznego obszaru, oraz wszystkie niewidoczne elementy. Strona może nadal ładować skrypty i czcionki długo po osiągnięciu wartości LCP i z punktu widzenia tego pomiaru jest to w porządku, ponieważ użytkownik ma już coś do przeczytania.
To właśnie odróżnia go od całkowitego czasu ładowania. Czas ładowania opisuje moment, w którym przeglądarka kończy swoją pracę; LCP opisuje moment, w którym strona stała się użyteczna, czyli chwilę faktycznie odczuwaną przez odwiedzającego.
Jaka wartość LCP jest uznawana za dobrą?
Google uznaje 2,5 sekundy lub mniej za dobry wynik, od 2,5 do 4 sekund za wynik wymagający poprawy, a wszystko powyżej 4 sekund za wynik słaby. Próg dotyczy 75. percentyla rzeczywistych ładowań stron, więc musi być spełniony w przypadku trzech na czterech odwiedzających, a nie wyłącznie średnio.
Ten percentyl ma większe znaczenie, niż mogłoby się początkowo wydawać. Średnią łatwo poprawić dzięki szybkim wizytom z szybkich połączeń, podczas gdy 75. percentyl uwzględnia wolniejszą ćwiartkę odbiorców, którą zazwyczaj stanowią użytkownicy urządzeń mobilnych.
Strona może więc nie spełniać wymagań dotyczących LCP, mimo że na urządzeniu, na którym ją tworzono, działa idealnie szybko. Taka rozbieżność jest raczej normą niż wyjątkiem.
Co zwykle powoduje wolny LCP
Sam element rzadko stanowi problem. Opóźnienie niemal zawsze wynika z czegoś, co dzieje się wcześniej, a najczęściej odpowiadają za nie cztery czynniki:
- Powolna odpowiedź serwera, która opóźnia wszystko w dalszym procesie, zanim zostanie wyrenderowany choćby jeden bajt.
- Blokujące renderowanie pliki CSS i JavaScript w sekcji head, które przeglądarka musi wczytać przed rozpoczęciem renderowania.
- Obraz główny jest zbyt duży, nie jest zoptymalizowany lub zastosowano dla niego leniwe ładowanie, mimo że nie powinno.
- Obraz jest wykrywany z opóźnieniem, ponieważ jest ustawiany za pomocą CSS lub wstrzykiwany przez skrypt, zamiast znajdować się w kodzie HTML.
To właśnie ta ostatnia kwestia najczęściej sprawia problemy. Przeglądarka może rozpocząć pobieranie tylko tego, co widzi w znacznikach HTML, więc obraz, o którym HTML w ogóle nie wspomina, nie zacznie się ładować, dopóki arkusz stylów lub skrypt zawierający odwołanie do niego nie zostanie pobrany i przetworzony.
Jak to poprawić
- Umieść obraz główny w kodzie HTML jako znacznik img, aby przeglądarka mogła go natychmiast znaleźć.
- Nigdy nie stosuj leniwego ładowania elementu LCP — leniwe ładowanie służy do elementów znajdujących się poniżej obszaru widocznego bez przewijania.
- Udostępniaj obraz w nowoczesnym formacie i w rozmiarze odpowiadającym jego rzeczywistemu wyświetlaniu.
- Wstępnie załaduj obraz, jeśli rzeczywiście jest najważniejszym elementem na stronie.
- Przenieś niekrytyczne pliki CSS i JavaScript poza ścieżkę renderowania.
- Skróć czas odpowiedzi serwera, ponieważ każda spędzona na nim milisekunda upływa, zanim cokolwiek innego się rozpocznie.
Co sprawdza to narzędzie
Test LCP odczytuje dane terenowe Google dotyczące strony — pomiary zebrane od rzeczywistych użytkowników korzystających z Chrome — i pokazuje, jak wynik wypada na tle powyższych progów.
Jeśli nie wyświetla się żaden wynik, oznacza to, że strona ma zbyt mały ruch, aby Google mogło przygotować dla niej raport. Jest to częste w przypadku nowych lub rzadko odwiedzanych stron. Nie oznacza to błędu — rozsądnym rozwiązaniem jest usunięcie oczywistych przyczyn, zamiast czekania na pojawienie się wyniku.
W przypadku pozostałych dwóch wskaźników lub wszystkich trzech naraz użyj narzędzia Test Core Web Vitals.
Co dalej
LCP jest objawem, a jego przyczynami są waga strony i czas oczekiwania. Sprawdź, jak długo serwer odpowiada, korzystając z narzędzia test szybkości ładowania strony internetowej, ile waży strona, używając testu rozmiar pliku strony internetowej, oraz czy problemem są same obrazy, korzystając z narzędzia optymalizacja obrazów.
Kompleksowy zestaw narzędzi SEO obejmujący ponad 55 narzędzi
Sprawdzaj tytuły, metaopisy, nagłówki, dane strukturalne, podstawowe wskaźniki internetowe, SSL i plik robots.txt. Generuj metatagi, mapy witryn i reguły .htaccess, minifikuj CSS, JS i HTML oraz twórz treści za pomocą naszych narzędzi AI do pisania — natychmiast i za darmo.
Dalsza lektura
Zobacz więcej
Core Web Vitals: What are They? How are They Crucial to SEO?
You should optimize your web pages for a seamless user experience. But how can you measure the quality of user experience on a site? That’...
SEOptimer's Core Web Vitals Checks
What are Core Web Vitals?
Google launched the Core Web Vitals (CWV) initiative in 2020 - "essential metrics for a healthy site". T...
Page Speed: What It Is, and How It Impacts SEO
What is Page Speed?
The term page speed refers to the amount of time your media content or web page will take to download from the...
Webpage Size - Why is it important? And how do you optimize it?
What is Webpage Size?
The term webpage size in the SEO world refers to the downloaded file size of a given web page.
The...