Utilizza document.write()

L'utilizzo di document.write() può ritardare la visualizzazione dei contenuti delle pagine 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(), quindi non puoi fare affidamento.

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

[Violation] Avoid using document.write().

Nella console di Firefox DevTools viene visualizzato questo messaggio:

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

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

Lighthouse segnala le chiamate al numero 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 Intervenire contro document.write().

Lighthouse segnala tutte le chiamate rimanenti a document.write() perché influisce negativamente sulle prestazioni indipendentemente da come viene utilizzata e sono disponibili alternative migliori.

Evita document.write()

Rimuovi tutti gli utilizzi di document.write() nel codice. Se viene utilizzato per inserire 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