Utilizza document.write()

Stai usando document.write() può ritardare la visualizzazione dei contenuti della pagina di decine di secondi ed è particolarmente problematico per gli utenti con connessioni lente. Di conseguenza, in molti casi Chrome blocca l'esecuzione di document.write(), il che significa che non puoi fare affidamento su questo.

Quando utilizzi document.write(), nella console di Chrome DevTools viene visualizzato il seguente messaggio:

[Violation] Avoid using document.write().

Nella console DevTools di Firefox viene visualizzato questo messaggio:

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

Come non va a buon fine il controllo document.write() di Lighthouse

Lighthouse segnala le chiamate a document.write() che non sono state bloccate da Chrome:

Controllo Lighthouse che mostra l'utilizzo di document.write

Per gli utilizzi più problematici, Chrome bloccherà le chiamate a document.write() o emetterà un avviso della console in merito, a seconda della velocità di connessione dell'utente. In ogni caso, le chiamate interessate vengono visualizzate nella console DevTools. Per ulteriori informazioni, consulta l'articolo di Google Intervenendo contro document.write().

Lighthouse segnala eventuali chiamate rimanenti a document.write() perché influisce negativamente sul rendimento indipendentemente da come viene utilizzato esistono alternative migliori.

Evita document.write()

Rimuovi dal codice tutti gli utilizzi di document.write(). Se viene utilizzato per iniettare script di terze parti, prova a utilizzare il caricamento asincrono.

Se il codice di terze parti utilizza document.write(), chiedi al provider di supportare il caricamento asincrono.

Risorse