Help improve Publisher Ads Audits for Lighthouse. Share your thoughts in our survey.

Skripty reklam načítejte staticky

Přehled

Tento audit kontroluje, zda skripty reklam na stránku nevkládáte dynamicky. Dynamicky vložené skripty se kvůli jiným zdrojům na stránce mohou načíst se zpožděním, což může vést k prodlevě při načítání reklam. V některých situacích se tyto skripty vůbec načíst nemusí, a nemusí se proto vůbec načíst ani reklamy.

Doporučení

Aby se skripty načítaly rychleji, načítejte je pomocí asynchronních značek script. Modul prohlížeče pro předběžné načítání zdrojů může značky skriptů načíst dříve i v případě, že jejich spuštění blokují zdroje blokující vykreslení.

Špatně

<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>
Správně

<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>

Zjištění zdroje dynamicky vkládaných skriptů reklam

Někdy nemusí být jasné, jak se skript reklamy na stránku dynamicky vkládá, případně zda k tomu vůbec dochází. V kódu načtené stránky například dynamicky vložená značka skriptu může vypadat úplně stejně jako značka načtená staticky.

V těchto případech ke zjištění zdroje dynamicky vkládaných značek reklam použijte kartu Network (Síť) v nástroji Chrome DevTools.

  1. Stisknutím kláves Control+Shift+J nebo Command+Option+J (Mac) otevřete nástroj DevTools.
  2. Přejděte na kartu Network (Síť).
  3. Pokud není zobrazen panel filtru, kliknutím na ikonu Ikona filtru ho otevřete a do textového pole zadejte název skriptu, který byl uveden v tomto auditu.
  4. Pokud není zobrazen sloupec Initiator (Iniciátor), přidejte ho do tabulky kaskády síťových požadavků tak, že pravým tlačítkem kliknete na libovolné záhlaví a vyberete možnost Initiator (Iniciátor).
  5. Stránku znovu načtěte, abyste zachytili síťový provoz.

Snímek obrazovky s kartou Network (Síť) v nástroji Chrome DevTools

Jak je vidět na výše uvedeném snímku obrazovky, ve sloupci Initiator budou k dispozici informace o zdroji příslušného skriptu. Kliknutím na odkaz na zdroj můžete přejít přímo na kód, ze kterého požadavek k načtení skriptu reklamy vzešel. Umístěním ukazatele na odkaz na zdroj případně můžete zobrazit všechna volání, která k tomuto požadavku vedla.

Další informace

Tento audit kontroluje skripty reklam, o kterých je známo, že je lze bezpečně načítat staticky. V současné době se jedná o tyto skripty:

Knihovna Skripty
AdSense pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
Amazon Publisher Services amazon-adsystem.com/aax2/apstag.js
Criteo Direct Bidder 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

Intervence proti používání metody document.write()
Asynchronní skripty vkládané pomocí skriptů jsou považovány za škodlivé