O uso de document.write()
pode atrasar a exibição do conteúdo da página em dezenas de segundos
e é particularmente problemático para usuários em 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ê vai encontrar 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 falha
O Lighthouse sinaliza
chamadas para document.write() que não foram bloqueadas pelo Chrome:
Para os usos mais problemáticos,
o Chrome bloqueia chamadas para document.write()
ou emite um aviso de console sobre elas, dependendo da velocidade de conexão do usuário.
De qualquer forma, as chamadas afetadas aparecem 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 ele estiver sendo usado
para injetar scripts de terceiros, use
carregamento assíncrono
em vez disso.
Se o código de terceiros estiver usando document.write(),
peça ao provedor para oferecer suporte ao carregamento assíncrono.