Gebruikt document.write()

Het gebruik van document.write() kan de weergave van pagina-inhoud met tientallen seconden vertragen en is vooral problematisch voor gebruikers met langzame verbindingen. Chrome blokkeert daarom in veel gevallen de uitvoering van document.write() , waardoor u er niet op kunt vertrouwen.

In de Chrome DevTools Console ziet u het volgende bericht wanneer u document.write() gebruikt:

[Violation] Avoid using document.write().

In de Firefox DevTools Console ziet u dit bericht:

An unbalanced tree was written using document.write() causing
data from the network to be reparsed.

Hoe de Lighthouse document.write() audit mislukt

Lighthouse markeert aanroepen naar document.write() die niet door Chrome zijn geblokkeerd:

Lighthouse-audit toont het gebruik van document.write

Voor de meest problematische toepassingen blokkeert Chrome oproepen naar document.write() of geeft er een consolewaarschuwing over, afhankelijk van de verbindingssnelheid van de gebruiker. Hoe dan ook, de betrokken oproepen verschijnen in de DevTools Console. Zie het artikel Intervening against document.write() van Google voor meer informatie.

Lighthouse rapporteert alle resterende aanroepen van document.write() omdat dit de prestaties nadelig beïnvloedt, ongeacht hoe het wordt gebruikt, en er betere alternatieven zijn.

Vermijd document.write()

Verwijder al het gebruik van document.write() in uw code. Als het wordt gebruikt om scripts van derden te injecteren, probeer dan in plaats daarvan asynchroon laden te gebruiken.

Als code van derden document.write() gebruikt, vraag dan de provider om asynchroon laden te ondersteunen.

Bronnen