広告タグを非同期で読み込む

概要

この監査では、広告タグライブラリのスクリプトが非同期的に読み込まれるようにします。

デフォルトでは、JavaScript の実行は同期します。つまり、一度スクリプトが検出されると、そのスクリプトをダウンロードして解析し、実行するまで、他のコンテンツを読み込むことはできません。非同期実行にオプトインすると、指定したスクリプトがバックグラウンドで読み込まれている間、ブラウザは他のリソースの処理を続行できます。これにより、スクリプトの読み込み中にページの応答性が維持され、すべての重要なコンポーネントの読み込みに必要な時間が短縮されます。

推奨事項

スクリプトタグの定義に async 属性を含めます。次に例を示します。

AdSense

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

AdSense(自動広告)

<script async data-ad-client="ca-pub-xxxxxxxxxxxxxxxx" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Google パブリッシャー タグ

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

詳細

次の広告タグ ライブラリ スクリプトがサポートされています。

広告タグ ライブラリ スクリプト
AdSense

pagead2.googlesyndication.com/pagead/js/adsbygoogle.js

pagead2.googlesyndication.com/pagead/show_ads.js

Google パブリッシャー タグ

googletagservices.com/tag/js/gpt.js

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

Google パブリッシャー タグを使ってみる
GPT リクエスト モードと非同期レンダリング