私のウェブサイトには、ロードが特に速くないネットワークからの広告があります。一部のブラウザーは、広告が読み込まれない限りページを描画せず、Web サイトが実際よりも遅く表示されます。これを防ぐ方法はありますか? スクリプトを必須ではないものとしてマークするか、ロードされた後にのみ描画するようにJavaScriptのトリックを行いますか? 解決策をグーグルで調べてみましたが、役に立ちませんでした。
また、一部の広告は iframe としてサイトに追加され、一部は JS スクリプトとして追加されます (アドセンスによく似ています)。
広告の読み込みがオプションの場合、広告の読み込みを待ってから ajax を使用して、後で jquery で読み込み/追加することができます。
ここで行う最善の方法は、ページの読み込みが完了するまで、広告の読み込みとその他の重要でないものを延期することです。
これらをロードするコードを に添付しますwindow.onload。このイベントは、ページ上のすべての読み込みが完了すると発生します。スクリプトを後で DOM に追加することで、スクリプト全体のロードを延期することもできます。これにはjQuery.getScript()を使用しますが、他の方法もあります。
DOM が読み込まれた後に広告を読み込みます。通常どおりページをロードしてから、広告を挿入する関数 (JavaScript) をバインドします。
タグには defer 属性もありますが、クロスブラウザーが完全にサポートされているわけではありません。