Skip to content
Aprender Medir Blog Case studies Sobre
Nesta página
  • Como a auditoria Lighthouse sobre document.write() falha
  • Evite document.write()
  • Recursos

Usa document.write ()

May 2, 2019 — Atualizado Jun 4, 2020
Available in: Español, 한국어, 中文, English
Appears in: Auditorias de práticas recomendadas
Nesta página
  • Como a auditoria Lighthouse sobre document.write() falha
  • Evite document.write()
  • Recursos

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. O Chrome, portanto, bloqueia a execução de document.write() em muitos casos, o que significa que você não pode confiar nele.

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

[Violation] Avoid using document.write().

No Firefox DevTools Console, você verá esta mensagem:

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

Como a auditoria Lighthouse sobre document.write() falha #

O Lighthouse sinaliza solicitações para document.write() que não foram bloqueadas pelo Chrome:

Auditoria do Lighthouse mostrando o uso de document.write

Para os usos mais problemáticos, o Chrome bloqueará solicitações para document.write() ou emitirá um aviso de console sobre elas, dependendo da velocidade de conexão do usuário. De qualquer forma, as solicitações afetadas aparecem no console do DevTools. Consulte o artigo Intervenção contra document.write() para obter mais informações.

O Lighthouse relata todas as solicitações restantes para document.write() porque ele afeta negativamente o desempenho independentemente de como é usado, e há alternativas melhores.

Each Best Practices audit is weighted equally in the Lighthouse Best Practices Score. Learn more in The Best Practices score.

Evite document.write() #

Remova todos os usos de document.write() em seu código. Se estiver sendo usado para injetar scripts de terceiros, tente usar o carregamento assíncrono .

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

Recursos #

  • Código-fonte para auditoria de Usos de document.write()
  • Intervenção contra document.write()
  • Bloqueio do analisador versus JavaScript assíncrono
  • Análise especulativa
Last updated: Jun 4, 2020 — Improve article
Return to all articles
Compartilhar
assinar

Contribute

  • Registrar um bug
  • Visualizar código-fonte

Conteúdo relacionado

  • developer.chrome.com
  • Atualizações do Chrome
  • Web Fundamentals
  • Estudos de caso
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos os produtos
  • Termos e privacidade
  • Diretrizes da comunidade

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.