Carregar scripts de anúncio estaticamente

Visão geral

Essa auditoria verifica se os scripts de anúncios estão ou não sendo injetados na página. Outros recursos na página podem atrasar a busca e o carregamento de scripts injetados, o que, por sua vez, atrasa o carregamento de anúncios. Em algumas situações, esses scripts podem não ser buscados, impedindo que os anúncios sejam carregados juntos.

Recomendações

Carregue scripts usando tags assíncronas para melhorar a velocidade. O verificador de pré-carregamento do navegador pode buscar tags de script com antecedência, mesmo que os recursos de bloqueio de renderização estejam bloqueando a execução do script.

Incorreta
<script>
  var el = document.createElement('script');
  el.src = 'https://securepubads.g.doubleclick.net/tag/js/gpt.js';
  var node = document.getElementsByTagName('script')[0];
  node.parentNode.insertBefore(el, node);
</script>
Correta
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>

Identificar a origem dos scripts de anúncios injetados

Às vezes, pode não ser óbvio como um script de anúncio está sendo injetado em uma página, ou mesmo que ele esteja sendo injetado de jeito nenhum. Por exemplo, ao examinar a origem de uma página depois que ela foi carregada, uma tag de script injetada pode parecer indistinguível de uma tag carregada estaticamente.

Nesses casos, use a guia "Rede" no Chrome DevTools para determinar a origem dos scripts de anúncios injetados.

  1. Abra o DevTools pressionando Control+Shift+J ou Command+Option+J (Mac).
  2. Acesse a guia Rede.
  3. Se ainda não estiver visível, clique em Filtrar O ícone Filtro para abrir a barra de filtro e digite o nome do script sinalizado por essa auditoria na caixa de texto.
  4. Se ainda não estiver visível, clique com o botão direito do mouse em qualquer cabeçalho da tabela e selecione Iniciador para incluir a coluna Iniciador na tabela de cascata da solicitação de rede.
  5. Atualize a página para capturar o tráfego de rede.

Uma captura de tela da guia &quot;Rede&quot; no Chrome DevTools

Conforme visto na captura de tela acima, a coluna do iniciador terá informações sobre a origem do script em questão. Você pode clicar no link de origem para acessar diretamente o código responsável por emitir a solicitação do script de anúncio ou passar o cursor sobre o link de origem para ver todas as chamadas que levam à solicitação.

Mais informações

Essa auditoria funciona em uma lista de permissões de scripts de anúncios conhecidos por serem seguros para carregar estaticamente. A lista atual é:

Biblioteca Roteiros
AdSense pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
Amazon Publisher Services amazon-adsystem.com/aax2/apstag.js
Bidder direto da Criteo static.criteo.net/js/*/publishertag.js
Tag do editor do Google

googletagservices.com/tag/js/gpt.js

securepubads.g.doubleclick.net/tag/js/gpt.js

Index Exchange js-sec.indexww.com/ht/p/*.js

Intervenção contra document.write()
"scripts assíncronos" injetados por script considerados nocivos
Aceleração de snippets assíncronos