Usa document.write().

Como usar document.write() pode atrasar a exibição do conteúdo da página em dezenas de segundos Isso é particularmente problemático para usuários com conexões lentas. Portanto, o Chrome bloqueia a execução de document.write() em muitos casos, o que significa que você não pode confiar nela.

No console do Chrome DevTools, você verá a seguinte mensagem ao usar document.write():

[Violation] Avoid using document.write().

No console do Firefox DevTools, você vai encontrar esta mensagem:

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

Como a auditoria document.write() do Lighthouse é reprovada

Bandeiras do Lighthouse chamadas para document.write() que não foram bloqueadas pelo Chrome:

Auditoria do Lighthouse mostrando o uso de document.write

Nos usos mais problemáticos, O Chrome vai bloquear chamadas para document.write() ou emitir um aviso no console sobre elas, dependendo da velocidade da conexão do usuário. De qualquer forma, as chamadas afetadas aparecerão no Console do DevTools. Consulte o artigo Como agir contra document.write() do Google para mais informações.

O Lighthouse informa todas as chamadas restantes para document.write() porque elas afetam negativamente a performance, não importa como são usadas, e há alternativas melhores.

Evite document.write()

Remova todos os usos de document.write() no código. Se estiver sendo usado para injetar scripts de terceiros, carregamento assíncrono como alternativa.

Se o código de terceiros estiver usando document.write(), peça ao provedor para oferecer suporte ao carregamento assíncrono.

Recursos