Die Verwendung von document.write()
kann die Anzeige von Seiteninhalten um mehrere Sekunden verzögern. Dies ist besonders für Nutzer mit langsamen Verbindungen problematisch.
Chrome blockiert daher in vielen Fällen die Ausführung von document.write()
, sodass Sie sich nicht darauf verlassen können.
In der Chrome-Entwicklertools-Konsole wird die folgende Meldung angezeigt, wenn du document.write()
verwendest:
[Violation] Avoid using document.write().
In der Firefox-Entwicklertools-Konsole wird folgende Meldung angezeigt:
An unbalanced tree was written using document.write() causing
data from the network to be reparsed.
So schlägt die document.write()
-Prüfung von Lighthouse fehl
Lighthouse kennzeichnet Aufrufe an document.write()
, die nicht von Chrome blockiert wurden:
![Lighthouse-Audit zur Verwendung von „document.write“](https://developer.chrome.com/static/docs/lighthouse/best-practices/no-document-write/image/lighthouse-audit-showing-909671e5aff87.png?authuser=6&hl=de)
Bei sehr problematischen Anwendungsfällen blockiert Chrome je nach Verbindungsgeschwindigkeit des Nutzers document.write()
-Aufrufe oder gibt eine Konsolenwarnung aus.
In beiden Fällen werden die betroffenen Aufrufe in der Entwicklertools-Konsole angezeigt.
Weitere Informationen finden Sie im Google-Artikel Eingreifen gegen document.write()
.
Lighthouse meldet alle verbleibenden Aufrufe an document.write()
, da sie sich unabhängig von der Verwendung negativ auf die Leistung auswirken. Außerdem gibt es bessere Alternativen.
Auf document.write()
verzichten
Entfernen Sie alle Verwendungen von document.write()
in Ihrem Code. Wenn sie zum Einfügen von Drittanbieterskripts verwendet wird, versuchen Sie es stattdessen mit dem asynchronen Laden.
Wenn Drittanbietercode document.write()
verwendet, bitten Sie den Anbieter, das asynchrone Laden zu unterstützen.