El uso de document.write() puede retrasar la visualización del contenido de la página en decenas de segundos y es especialmente problemático para los usuarios con conexiones lentas. Por lo tanto, Chrome bloquea la ejecución de document.write() en muchos casos, lo que significa que no se puede confiar en ella.
En la consola de Chrome DevTools podrá ver el siguiente mensaje cuando utilice document.write():
[Violation] Avoid using document.write().En la consola de Firefox DevTools podrás ver este mensaje:
An unbalanced tree was written using document.write() causing
data from the network to be reparsed. Cómo falla la auditoría de Lighthouse en document.write()
Lighthouse marca las llamadas a document.write() que no fueron bloqueadas por Chrome:
Para los usos más problemáticos, Chrome bloqueará las llamadas a document.write() o emitirá una advertencia de la consola sobre ellas, dependiendo de la velocidad de conexión del usuario. En cualquier caso, las llamadas afectadas aparecerán en la consola de DevTools. Consulte el artículo de Google Intervención contra document.write() para obtener más información.
Lighthouse informa de cualquier llamada pendiente a document.write() porque afecta negativamente al rendimiento independientemente de cómo se utilice, además de las mejores alternativas.
Each Best Practices audit is weighted equally in the Lighthouse Best Practices Score. Learn more in The Best Practices score.
Evite document.write()
Elimine todos los usos de document.write() en su código. En caso de que lo utilice para introducir scripts de terceros, como alternativa intente utilizar una carga asíncrona.
Si el código de terceros utiliza document.write(), solicite al proveedor que admita la carga asíncrona.
Recursos
Updated on • Improve article