Charger des scripts d'annonces de manière statique

Présentation

Cet audit permet de vérifier si des scripts d'annonces sont injectés ou non dans la page. D'autres ressources sur la page peuvent retarder la récupération et le chargement des ce qui retarde le chargement des annonces. Dans certains cas, ces les scripts risquent de ne pas être récupérés, ce qui empêche le chargement des annonces ensemble.

Recommandations

Chargez les scripts à l'aide de balises de script asynchrones pour améliorer la vitesse. Outil d'analyse de la précharge du navigateur peut récupérer les tags de script plus tôt, même si les ressources bloquantes de l'affichage bloquent l'exécution du script.

Réponse incorrecte
<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>
Bonne réponse
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>

Identifier la source des scripts d'annonces insérés

Parfois, la façon dont un script d'annonce est injecté dans une page n'est pas évidente, ou même qu’elles soient injectées. Par exemple, lorsque vous examinez la source d'une page après son chargement, un tag de script injecté peut apparaître impossible à distinguer d'un tag chargé de manière statique.

Dans ce cas, utilisez l'onglet "Réseau" dans les outils pour les développeurs Chrome afin de déterminer la source de scripts d'annonces injectés.

  1. Ouvrez les outils de développement en appuyant sur Control+Shift+J ou Command+Option+J (Mac).
  2. Accédez à l'onglet Network (Réseau).
  3. Si ce n'est pas déjà fait, cliquez sur Filtrer. Icône de filtre pour ouvrir la barre de filtre et saisir le nom du script signalé par cet audit dans la zone de texte.
  4. S'il n'est pas déjà visible, effectuez un clic droit sur un en-tête de tableau et sélectionnez Initiateur pour inclure la colonne "Initiateur" dans la requête réseau en cascade.
  5. Actualisez la page pour capturer le trafic réseau.

Capture d&#39;écran de l&#39;onglet &quot;Réseau&quot; dans les outils pour les développeurs Chrome

Comme le montre la capture d'écran ci-dessus, la colonne de l'initiateur contient des informations sur la source du script en question. Vous pouvez cliquer sur le lien de la source pour accéder directement au code responsable de l'émission de la demande de script d'annonce ; ou Pointez sur le lien de la source pour afficher tous les appels menant à la requête.

En savoir plus

Cet audit repose sur une liste d'autorisation de scripts d'annonce connus pour être sûrs. de manière statique. Voici la liste actuelle:

Bibliothèque Script(s)
AdSense pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
Amazon Publisher Services amazon-adsystem.com/aax2/apstag.js
Enchérisseur direct Criteo static.criteo.net/js/*/publishertag.js
Google Publisher Tag

googletagservices.com/tag/js/gpt.js

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

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

Intervention contre document.write()
Scripts asynchrones injectés à l'aide d'un script considéré comme dangereux
Accélérer l'utilisation des extraits asynchrones