Statystyki wydajności
Statystyki wydajności dostarczają przydatnych informacji o wydajności witryny i są dostępne zarówno w panelu Wydajność w Narzędziach deweloperskich, jak i w Lighthouse.
Koszty selektora CSS
Wykrywa złożone selektory CSS, których dopasowanie do elementów na stronie zajmuje przeglądarce dużo czasu.
Czas oczekiwania na żądanie dokumentu
Określa przyczyny, dla których żądanie dokumentu HTML trwa dłużej niż zwykle.
Duplikat kodu JavaScript
Wskazuje identyczne moduły lub kod JavaScript wczytywane wielokrotnie na jednej stronie.
Wyświetlanie czcionki
Sprawdza właściwość CSS „font-display”, aby upewnić się, że tekst pozostaje widoczny podczas ładowania czcionek niestandardowych.
Wymuszone przeformatowanie
Wskazuje, kiedy JavaScript wymusza ponowne obliczenie układu strony przez przeglądarkę, co może powodować problemy z wydajnością.
Ulepsz dostarczanie obrazów
Podpowiada, jak zoptymalizować wczytywanie obrazów, np. przez użycie nowoczesnych formatów, takich jak AVIF lub WebP, i zapewnienie odpowiedniego rozmiaru.
Zestawienie INP
Wyświetla podsekcje INP, aby pomóc w określeniu możliwości optymalizacji i poprawy INP.
Przyczyny problemów związanych z przesunięciem układu
Wskazuje konkretne elementy DOM, które powodują nieoczekiwane przesunięcia na stronie, co wpływa na skumulowane przesunięcie układu.
Zestawienie LCP
Wyświetla podczęści LCP, aby pomóc w określeniu możliwości optymalizacji w celu poprawy LCP.
Wykrywanie żądań LCP
Określa przyczyny, dla których żądanie obrazu LCP trwa dłużej niż oczekiwano.
Starszy kod JavaScript
Oznacza przestarzały kod JavaScript, który może działać wolniej i jest niepotrzebny w większości nowoczesnych przeglądarek.
Nowoczesny protokół HTTP
Sprawdza, czy są dostępne nowsze protokoły sieciowe, takie jak HTTP/2 lub HTTP/3, aby zwiększyć szybkość i multipleksowanie żądań i odpowiedzi.
Drzewo zależności sieciowych
Identyfikuje kluczowe łańcuchy zależności, które blokują początkowe renderowanie strony.
Optymalizuj rozmiar DOM
Wykrywane, gdy na stronie znajduje się duża liczba elementów HTML, co może wpływać na wydajność renderowania.
Optymalizacja widocznego obszaru pod kątem urządzeń mobilnych
Sprawdza, czy widoczny obszar strony jest prawidłowo skonfigurowany, aby nie powodować 300-milisekundowego opóźnienia dotknięcia na urządzeniach mobilnych.
Prośby o zablokowanie renderowania
Wskazuje zasoby, które blokują początkowe renderowanie strony, co opóźnia LCP.
Inne firmy
Wyświetla listę zasobów innych firm, które są ładowane na stronie.
Używaj efektywnego czasu przechowywania w pamięci podręcznej
Wskazuje nieoptymalne zasady buforowania, które mogą powodować niepotrzebne pobieranie danych podczas ponownych wizyt na stronie.