このサイトでは AdSense 広告を遅らせるJavaScriptコードを追加しましたが、効果が少ないようです。いくつかの方法を見るより、Flying Scriptsというプラグインを知りました。 AdSense 広告を遅延ロードしてサイトの速度を向上させる有料プラグインがありますが、無料のプラグインであるFlying Scriptsでも問題ありません。
WordPress 무료 AdSense 遅延ロードプラグイン - Flying Scripts
どんなに速いサイトでも AdSense 広告を表示すると速度が遅くなる現象が発生します。特にモバイルでは、その現象がひどいです。
この WordPress ブログでは、この記事で紹介します AdSense 広告コードを遅らせるコードを適用しました。しかし、Google Chrome Lighthouseのツールを使用してサイトの速度を測定すると、モバイルデバイスでスコアが低くなりました。
プラグインの適用後にページスピードインサイトスコアをチェックしてみると、モバイルで90点以上出てくるようです。
ただし、プラグインを適用すると、広告が少し遅れて表示されます。これにより、収益に悪影響を及ぼすかどうかを確認する必要があるようです。
AdSense スクリプトを遅延ロードしてサイトをスピードアップしたい場合 Flying Scripts プラグインをインストールしてテストしてください。
このプラグインは現在30,000以上 WordPress サイトにインストールされて使用されています。
Flying Scriptsは、要求があるまでJavaScriptの実行を遅らせる機能を果たします。このプラグインを使用して、遅延（遅延）するJavaScriptを含めるようにキーワードを指定できます。
JavaScriptは非常に多くのリソースを占めているため、重要ではないJas（初期レンダリングに不要なJavaScript）の実行を遅らせることで、重要なJavaScriptファイルに優先順位を付けてより多くのリソースを割り当てることができます。
WordPress 管理者ページ » プラグイン » 新しいプラグインを追加する (Add New Plugin)から フライングスクリプトを検索して、このプラグインをインストールすることができます。
このプラグインをインストールして有効にした後、 WordPress 管理者ページ » 設定 » Flying Scriptsに移動し、 設定 タブで以下のように設定します。
キーワードを含める에 adsbygoogle.jsと入力します。複数のスクリプトを追加したい場合は、各行に1つのキーワードを入力してください。
Timeout（タイムアウト） オプションには3秒または希望の時間を選択します。設定を保存した後にキャッシュプラグインがインストールされている場合は、キャッシュを削除します。
サイト速度が遅いとSEO（検索エンジン最適化）に不利なので、 AdSense 広告の読み込みによってサイトが遅い場合は、このプラグインが役に立ちます。
このプラグインをインストールすると、上記のように広告が少し遅れて表示されます。これにより、広告収入の影響を受けているかどうかを監視してください。
Google Analyticsのトラッキングコードをサイトの速度を下げる追加する
Google Analytics GA4トラッキングコードを追加すると、スクリプトの読み込みがサイトの速度に影響します。速度低下を最小限に抑える場合は、次の記事で紹介するFlying Analyticsプラグインを使用できます。 Flying Analyticsは、Flying Scriptsを開発した同じベンダーによって作成されました WordPress プラグインです。
LiteSpeed Cacheで遅延JSをロードする方法がDeferred / Delayedの場合、Flying ScriptsはDelayedですが、LiteSpeedのDelayedは自動フル遅延、Flying Scriptsは手動選択遅延です。
しかし、JS Deferred設定とこのプラグインで遅延ロードを行うことには何が違いますか？
このプラグインを使用すると、LiteSpeed Cacheで遅延JSロードをオフにする必要がありますか？
私はBreezeで使うのに別途のセッティングはしていません。 LiteSpeed Cacheで使用すると問題が発生しますか？
LiteSpeed CacheでJS Deferredを有効にした後、adsbygoogle.jsをJS遅延除外に追加してFlying Scriptsを使用することができます。
LiteSpeed Cacheプラグインでも設定できますか？
AdSense 広告を高く確保する min-height CSS 追加で Cumulative Layout Shift スコアは解決しました！
特定の場所に AdSense 広告を配置しているようですね。私は自動広告のみをオンにしています。😄
私もLighthouseツールでサイトのスピードを測定してみると、モバイルパフォーマンスのスコアが40点程度出てきてFlying Scriptsプラグインを適用してみると、60点程度でスコアが上がりました。
このプラグインを使用すると速度が向上しますが、 AdSense 広告が少し遅く表示されます AdSense 広告収入が低下する可能性があります。私は AdSense 収益が少なく、あまり重要ではなく、このプラグインを使い続けています。😄
Async JavaScriptプラグインの非同期ロードとFlying Scriptsプラグインの遅延ロードの違いは何ですか？
AdSense 広告を表示するのに便利なプラグインのようです。
구글AdSense 広告のためサイトの読み込み速度が遅くなる場合は、このプラグインを使用すると効果があります。
画像Lazy Loadに似ていますか？
画像Lazy Loadの場合、その画像にスクロールするときに画像を読み込むようにする方法であれば、Flying ScriptsはJSスクリプトを遅延ロードしてサイトをスピードアップする方法だと思います。 Flying Scriptsを使用している場合、ユーザーの対話がない場合は、Timeout（タイムアウト）で設定した時間の後にスクリプトがロードされます。