ブログにThe Moneytizer広告を入れてから表示速度が遅くなってしまい遅延読込みをして読込速度を早くする改善方法を知りたいです
Webページやブログ運営をするならThe Moneytizer広告を入れて収益化したいけどThe Moneytizer広告を貼るほど読込速度が遅くなってしまう欠点があります。
最近のGoogleはユーザーの利便性を重要視していることから表示速度も評価項目の対象になりSEO(検索エンジン最適化)にも影響が出るのでなるべく記事を軽くする事が大切です。
このページは実験としてGoogleAdsenseとThe Moneytizer広告を貼付けまくっていますが遅延読込をしてPageSpeed Insightsのスコアは80台以上になっています。
今回は表示させるだけで収益が発生するThe Moneytizer広告を遅延読込みをして表示速度を改善する方法について解説したいと思います
The Moneytizer広告とはどんな広告?
GoogleAdsense広告の遅延読込みを調べる為にここまで来た方の為に最初にThe Moneytizerについて簡単に説明します。
既に導入済みの方はこちらは飛ばしても大丈夫です。
私も担当者様から収益増加の為のメールを頂くまでは知らなかったのですがパリに本社を構え大手広告主を持つ国際的な広告パートナーと提携し
欧米ではAdsenseと同じくらい有名な広告サービスで日本では2022年1月に進出し徐々に拡大中なので今後収益化が見込める新しい広告サービスで
CPM型バナー広告はAdsenseのクリック型バナー広告と異なり広告を表示するだけで収益化が可能になりクリック率が下がっている場合でもインプレッションで収益が決定するので
CPM型バナー広告を導入する事で安定した収益が見込めるようになります興味のある方は下記をクリックして確認してください。
The Moneytizer広告を貼り付けると読込速度が物凄く遅くなる
The Moneytizer広告はGoogleAdsense広告と同様に多数貼り付ける事で収益が発生しやすくなりますがデメリットとして読込み速度が物凄く遅くなります。
ブログ運営をしていて以前から表示速度が遅くが画像データをギリギリまで圧縮・無駄なJavascriptなどのコードを削除・読込速度を早くする為のWordPressのプラグインを
導入したりと出来る限りの事はやりましたが、PageSpeed Insightsのスコアは100点満点中モバイルで50～60・パソコン98前後で他の記事も同じ位の読込速度で改善されずに悩んでいました。
1回目: モバイル53 パソコン98
2回目: モバイル60 パソコン99
3回目: モバイル55 パソコン98
4回目: モバイル58 パソコン97
5回目: モバイル57 パソコン98
そしてこのブログではパソコン表示ではほぼ100点満点ですがいちばん読込速度に影響が出ていたのは?
PageSpeed Insightsの改善できる項目の中にある第三者コードの影響を抑えてください 第三者コードによってメインスレッドが 〇〇〇ミリ秒間ブロックされましたという項目の中にある
themoneytizer.comという
モバイル表示だけ異常に遅かったのでGoogleAdsense広告と同様に最初に読込まないで
第三者コードによって、読込み速度が著しく低下する可能性があるコード改善する事でWebページの読込み速度を大幅に改善する事ができました。
今回はとあるプラグインを利用して設定するだけでThe Moneytizer広告を複数貼り付けてもWebページの読込速度を大幅に改善する事ができたので解説したいと思います。
GoogleAdSense広告を遅延読込してWebページの表示速度を高速化する方法 The Moneytizer広告を貼付けながら読込速度を改善するには?
The Moneytizer広告を貼付けながら読込速度も速くするには?
☑The Moneytizer広告は2つ位に抑える
☑The Moneytizer広告を遅延読込する
この2つの方法があり１つ目のThe Moneytizer広告を2つ位に抑える事で記事の読込速度を向上する事ができます。
試しに読込速度が遅いページのThe Moneytizer広告を
すべて削除するだけで簡単に読込速度が80～100というスコアが出るようになる事から
記事に広告を貼るほど読込速度が遅くなる事が分かり読込速度を重視したいなら記事の途中と最後に2つ位貼付けると良いかもしれません。
The Moneytizer広告を削除しても表示速度が変わらない場合は他に原因があります。
The Moneytizer広告を遅延読込みする
※このブログはWordPressの有料テーマ
SANGOを利用していますがお使いのテーマや環境によっては改善されない場合もあるので参考程度にお試しください。
出来る限り収益化したいのでThe Moneytizer広告を複数貼付けながら表示速度を早くする方法はありますか？
The Moneytizer広告を少なくする事で表示速度を上げる事ができますが広告収入が減ってしまう可能性があるので
遅延読込をして複数広告を表示させながらPageSpeed Insightsのスコアを上げるには？
Flying Scriptsというプラグインを利用する事で簡単に遅延読込みをする事ができます。
☑ Flying Scriptsをインストールする
☑ 遅延読込みするJavaScriptを追加する
Flying Scriptsをインストールする
The Moneytizer広告の読込み速度を改善するにはするにはWordPressのプラグインFlying Scriptsをインストールする事で簡単に遅延読込みをする事ができます。
Flying Scriptsを既にインストールしている方は飛ばしてください。
WordPressのダッシュボード画面から
「外観」→「プラグイン」→「新規インストール」右上のキーワードにFlying Scriptsと入力するとプラグインが表示されるのでインストールして有効をクリックします。
遅延読込みするJavaScriptを追加する
Flying Scriptsがインストール出来たらWordPressのダッシュボードから
「設定」→「Flying Scriptsをクリック」またはインストール済みプラグインから設定画面に移動してInclude Keywordsに2つのJavaScriptコードを追加します。
☑ prebid.js
☑ requestform.js
The Moneytizer広告を「prebid.js」と「requestform.js」の二つのキーワードを入力してSave Changesをクリックする事で遅延読込みができるようになります。
The Moneytizer広告をFlying Scriptsで遅延読込みした結果
Flying ScriptsでThe Moneytizer広告を遅延読込みし再度PageSpeed Insightsで測定した結果読込速度が大幅に改善され
第三者コードの影響を抑えてください 第三者コードによってメインスレッドが 〇〇〇ミリ秒間ブロックされましたと言うエラーメッセージが表示されなくなりました。
1回目: モバイル90 パソコン98
2回目: モバイル91 パソコン97
3回目: モバイル86 パソコン97
4回目: モバイル88 パソコン97
5回目: モバイル92 パソコン99
PageSpeed Insightsのスコアはテスト用にThe Moneytizer広告を6つ貼付けた状態でパソコンは遅延読込みする前と変わりませんがモバイル表示は90前後まで改善されました。
The Moneytizer広告広告を遅延読込して高速化する(まとめ)
The Moneytizer広告はWebサイトを運営して収益化を目指すにはとても便利なサービスですが
広告を貼る事で記事の読込速度が遅くなってしまい表示速度も評価項目の対象になりの為SEO(検索エンジン最適化)に影響が出る場合がある。
WordPressのテーマや環境によってThe Moneytizerの遅延読込が出来なかったり最悪の場合Webページが壊れる可能性があるのでバックアップを取ってからお試しください
