Test gotowości · ścieżka Przyspiesz · waga 5

Brak skryptów blokujących renderowanie w sekcji head

Każdy zewnętrzny skrypt w sekcji head dokumentu używa async, defer lub type="module".

Dlaczego to ważne

Zwykły element script z atrybutem src w sekcji head uniemożliwia przeglądarce wyświetlenie czegokolwiek do czasu pobrania i wykonania tego pliku.

Dodaj defer do skryptów wymagających DOM, async do niezależnych skryptów, takich jak skrypty analityczne, lub przenieś je na koniec sekcji body.

Każdy zewnętrzny skrypt w sekcji head dokumentu używa async, defer lub type="module".

Zaobserwowano: Skrypty w sekcji head ładują się bez blokowania renderowania.

Nie zaobserwowano: Co najmniej jeden skrypt w sekcji head blokuje renderowanie.

Ograniczenie: Ocena opiera się na HTML strony głównej dostarczonym zautomatyzowanemu klientowi; skrypty uruchamiane później nie zostały wykonane.

Next.js: Użyj komponentu next/script z odpowiednią strategią ładowania.
WordPress: Od wersji WordPress 6.3 skrypty można rejestrować ze strategią ładowania defer lub async.