Pierwsze wyrenderowanie elementu znaczącego (FMP) to jeden z 6 wskaźników śledzonych w raporcie Lighthouse w sekcji Skuteczność. Każdy z tych wskaźników odzwierciedla pewien aspekt szybkości wczytywania strony.
Lighthouse wyświetla średni czas na stronie w sekundach:
Co mierzy FMP
FMP mierzy, kiedy główna zawartość strony jest widoczna dla użytkownika. Surowa wartość FMP to czas w sekundach między momentem zainicjowania przez użytkownika wczytania strony a wyrenderowaniem przez nią głównej treści widocznej po przewinięciu. FMP pokazuje w zasadzie czas wyrenderowania, po którym następuje największa zmiana układu powyżej pola. Więcej informacji o szczegółach technicznych dotyczących pierwszego wyrenderowania elementu znaczącego znajdziesz w artykule Czas do pierwszego wyrenderowania elementu znaczącego: podejście oparte na układzie.
Pierwsze wyrenderowanie treści (FCP) i FMP często są takie same, gdy pierwszy fragment treści wyrenderowany na stronie zawiera treści widoczne na ekranie. Te dane mogą się jednak różnić, gdy np. w ramce iframe znajdują się treści powyżej linii łamu. FMP rejestruje, gdy zawartość w ramce iframe jest widoczna dla użytkownika, podczas gdy FCP nie obejmuje treści w ramce iframe.
Jak Lighthouse określa wynik FMP
Podobnie jak FCP, FMP opiera się na rzeczywistych danych o wydajności witryny z archiwum HTTP.
Gdy FMP i FCP są takie same, ich wyniki są identyczne. Jeśli czas FMP następuje po czasie FCP, np. gdy strona zawiera treści w ramce iframe, wynik FMP będzie niższy niż wynik FCP.
Załóżmy na przykład, że czas FCP wynosi 1,5 sekundy, a czas FMP – 3 sekundy. Wynik FCP wynosiłby 99, ale wynik FMP – 75.
W tej tabeli znajdziesz wskazówki, jak interpretować wynik FMP:
| Dane FMP (w sekundach) |
Kodowanie kolorami | Wynik FMP (procentyl w archiwum FCP HTTP) |
|---|---|---|
| 0–2 | Zielony (szybki) | 75–100 |
| 2–4 | Pomarańczowy (średni) | 50–74 |
| Over 4 | Czerwony (wolny) | 0–49 |
Jak poprawić wynik FMP
Dowiedz się, jak poprawić wartość największego wyrenderowania treści w swojej witrynie. Strategie poprawiania czasu MPF są w dużej mierze takie same jak strategie poprawiania największego wyrenderowania treści.
Śledzenie FMP na urządzeniach rzeczywistych użytkowników
Aby dowiedzieć się, jak mierzyć, kiedy FMP faktycznie występuje na urządzeniach użytkowników, zapoznaj się z postem Google Optymalizacja działania stron pod kątem użytkownika. W sekcji Śledzenie okna modalnego za pomocą elementów nagłówka opisano, jak uzyskać dostęp do danych okna modalnego za pomocą kodu i przesłać je do Google Analytics.
Więcej informacji o zbieraniu danych o rzeczywistych użytkownikach znajdziesz w artykule Ocena rzeczywistej szybkości wczytywania strony za pomocą interfejsów Navigation Timing i Resources Timing. Oznaczenia i wskaźniki dotyczące czasu ładowania w audycie Lighthouse umożliwiają wyświetlanie w raporcie danych o czasie ładowania.
Jak poprawić ogólny wynik skuteczności
Jeśli nie masz konkretnego powodu, aby skupić się na określonych danych, lepiej jest skupić się na poprawie ogólnego wyniku skuteczności.
W sekcji Diagnostyka raportu Lighthouse określ, które ulepszenia będą najbardziej wartościowe dla Twojej strony. Im większa możliwość, tym większy wpływ na wynik skuteczności. Na przykład zrzut ekranu Lighthouse poniżej pokazuje, że usunięcie zasobów blokujących renderowanie przyniesie największe korzyści:
Aby dowiedzieć się, jak wykorzystać możliwości wskazane w raporcie Lighthouse, zapoznaj się z audytami wydajności.