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](https://developer.chrome.google.cn/static/docs/lighthouse/best-practices/no-document-write/image/lighthouse-audit-showing-909671e5aff87.png?authuser=5&hl=it)
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.