Die Verwendung von document.write() kann die Anzeige des Seiteninhalts um einige Sekunden verzögern. Das ist besonders problematisch für Nutzer mit langsamen Verbindungen.
Daher blockiert Chrome in vielen Fällen die Ausführung von document.write(). Sie können sich also nicht darauf verlassen.
In der Chrome DevTools-Konsole wird bei Verwendung von document.write() die folgende Meldung angezeigt:
[Violation] Avoid using document.write().
In der Firefox DevTools-Konsole wird folgende Meldung angezeigt:
An unbalanced tree was written using document.write() causing
data from the network to be reparsed.
Gründe für den Fehler bei der Lighthouse-document.write()-Prüfung
Lighthouse kennzeichnet Aufrufe von document.write(), die nicht von Chrome blockiert wurden:
Bei den problematischsten Verwendungen blockiert Chrome je nach Verbindungsgeschwindigkeit des Nutzers entweder Aufrufe von document.write() oder sendet eine Konsolenwarnung dazu.
In beiden Fällen werden die betroffenen Aufrufe in der DevTools-Konsole angezeigt.
Weitere Informationen finden Sie im Artikel Einspruch gegen document.write() von Google.
Lighthouse meldet alle verbleibenden Aufrufe von document.write(), da sie sich unabhängig von der Verwendung negativ auf die Leistung auswirken und es bessere Alternativen gibt.
Auf document.write() verzichten
Entfernen Sie alle Verwendungen von document.write() aus Ihrem Code. Wenn es zum Einschleusen von Drittanbieter-Scripts verwendet wird, verwenden Sie stattdessen das asynchrone Laden.
Wenn Drittanbietercode document.write() verwendet, bitten Sie den Anbieter, das asynchrone Laden zu unterstützen.