STATUS IS UPWEBSITE-BEREITSCHAFT
Deutsch
Betreiberbereich
SIU erkunden

Readiness-Check · Bereich Beschleunigen · Gewichtung 5

Keine renderblockierenden Skripte im Head-Bereich

Jedes externe Skript im Dokumentkopf verwendet async, defer oder type="module".

Beobachtet auf
44%

von 144,474 gemessenen Websites

Top-1K-Websites
55%

285 gemessen

Top-1M-Gruppe
43%

79,072 gemessen

Nicht gemessen
41,582

blockiert, durch eine Sicherheitsabfrage eingeschränkt oder nicht anwendbar

Warum das wichtig ist

Ein einfaches script-Element mit src-Attribut im Dokumentkopf verhindert, dass der Browser etwas anzeigt, bis die Datei heruntergeladen und ausgeführt wurde.

So beheben Sie das Problem

Fügen Sie Skripten, die das DOM benötigen, defer hinzu und unabhängigen Skripten wie Analytics async, oder verschieben Sie sie an das Ende des Dokumentkörpers.

So prüfen wir

Jedes externe Skript im Dokumentkopf verwendet async, defer oder type="module".

Festgestellt: Skripte im Dokumentkopf werden ohne Blockierung geladen.

Nicht festgestellt: Ein oder mehrere Skripte im Dokumentkopf blockieren das Rendering.

Einschränkung: Grundlage ist das an einen automatisierten Client ausgelieferte HTML der Startseite; später ausgeführte Skripte wurden nicht ausgeführt.

Stack-spezifische Schritte

  • Next.js: Verwenden Sie die next/script-Komponente mit einer geeigneten Ladestrategie.
  • WordPress: Seit WordPress 6.3 können Skripte mit einer defer- oder async-Ladestrategie registriert werden.

Nach Popularitätsgruppe

Chrome UX Report-BereichBeobachtetGemessen
Top 1.00055%285
Top 5.00053%1,306
Top 10.00050%1,650
Top 50.00048%12,738
Top 100.00046%12,021
Top 500.00045%37,402
Top 1 Mio.43%79,072

Kategorien, in denen dies am wahrscheinlichsten ist

Kategorien, in denen dies am wenigsten wahrscheinlich ist

Nach Technologie-Stack

Nach Anbieter

Beliebte Websites, auf denen wir dies beobachtet haben

Quellen und Leitfäden

Leitfaden: Kontrollieren Sie Drittanbieter‑Skripte, bevor sie Ihre Seite kontrollierenPrüfen Sie Ihre eigene Website