Charger des scripts d'annonces de manière statique

Présentation

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

Recommandations

Chargez les scripts via des tags de script asynchrones pour améliorer la vitesse. L'analyseur de préchargement du navigateur peut récupérer les tags de script plus tôt, même si des ressources bloquant l'affichage bloquent l'exécution du script.

Incorrect 
<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>
Correct 
<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 inséré dans une page n'est pas forcément évidente, ou même tout simplement qu'il est injecté. Par exemple, lors de l'examen de la source d'une page après son chargement, un tag de script qui a été injecté peut apparaître comme impossible à distinguer d'un tag chargé de manière statique.

Dans ce cas, utilisez l'onglet "Network" (Réseau) des outils pour les développeurs Chrome afin de déterminer la source des scripts d'annonces insérés.

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

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

Comme illustré dans 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 source pour accéder directement au code responsable de l'envoi de la demande de script d'annonce, ou passer la souris sur le lien source pour afficher tous les appels menant à la demande.

En savoir plus

Cet audit repose sur une liste d'autorisation de scripts d'annonces connus pour se charger de manière statique. Voici la liste actuelle:

Bibliothèque Scripts
AdSense pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
Amazon Publisher Services amazon-adsystem.com/aax2/apstag.js
Système d'enchères directs 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()
Les scripts asynchrones injectés par script sont considérés comme dangereux
Accélérer les extraits asynchrones