GoogleのPageSpeedメトリクスでモバイルで95を超えるスコアを取得する方法を知っていますか？ Adsenseの広告でさえ？何年もの間、それは不可能だと言われていましたが、AdSenseでPageSpeedで高い評価を得るための解決策を見つけました。
あなたが私のようであれば、PageSpeedの速度メトリクスやVitalsに対して偏執的であり、Google AdsenseやADXのせいでモバイルで95以上のスコアを決して得られないことにイライラしていることでしょう。
私は良いスコアを得るためにすべてのキャッシュプラグインを試しましたが、ほとんど何も効果がありませんでした。Hummingbird、PageSpeed Ninja、LiteSpeed、さらにはいくつかのプレミアムプラグインも試しましたが、広告のせいでモバイルで80にも達しませんでした。
ある日まで、WP-Rocketを使って、すべての問題を解決する奇跡的な機能を発見しました。これのおかげで私が得ている結果を見てください：
Wp-Rocketをお持ちでない場合は、FlyingScriptsと同じ機能を実行するプラグインを使用してみてください。
PageSpeed Mobileで90を取得するにはどうすればよいですか？
Adsense + ADXが広告でいっぱいの場合でも、このスコアを取得するための大胆さはどのようにして得られましたか？答えは簡単です。ページがインタラクティブになるまで広告の読み込みを遅らせました。
私はこれをWP-Rocketを使用してJavaScriptの実行を遅らせる機能を使って行いましたが、おそらく他のプラグインでもできるでしょう。私は画像のように、adsbygoogleとgstaticを含むjavascriptsを遅らせるように設定しました:
この単純な関数は、何年もの間私を怒らせてきた問題を解決します。もちろん、この機能を有効にした場合の影響も分析する必要がありますが、個人的にはそうではないと思います。
広告に加えて、私はプッシュ通知プラグインや、サイトを圧迫する可能性のある他のスクリプトやプラグインも使用しています。最適化とGoogleの広告ラグのおかげで、まだ高いスコアを獲得しています。
JSの広告を遅らせると、収益が失われますか？
私はこれらの広告の遅延がAdsenseの規則に違反しているのではないかと不安を感じましたが、そうではないと思います。なぜなら、プレミアムのWordPress用広告プラグインにはLazyLoadを提供しているものがあるからです。
また、ページを数回リロードしたところ、広告は常に問題なく読み込まれることに気付きました。ごくまれにこれが起こらなかったのですが、それが私のブラウザのせいなのか、グーグルスクリプトなのかなどはわかりません。
実際、私はこれがクリック数とCPCを増加させるものであると考えています。なぜなら、広告は突然現れ、来訪者の注意を引くからです。時々、ページがすでに読み込まれているため、見落とされてしまいます。
実際のところ、A/Bテストを行った際に、広告の掲載を遅らせた後でもAdSenseの収益が減少することには気づきませんでした。私が使用しているADXネットワークvalueimpressionも同様のことを行っています。もちろん、結論を出す前に自分でテストすることをお勧めします。
実際には、これはPageSpeedスコアに影響を与えるだけでなく、サイトの読み込みが実際に速くなります。したがって、この代替案について考え、ますます高速化するWebサイトを用意してください。
PageSpeedスコアを上げる他の方法
もちろん、広告を遅らせるだけでは、スコアが上位に表示されることはありません。サイトを最適化し、フォントやアイコンなどの不要な読み込みを回避する必要があります。メニューを美しくするために、外部からの読み込みを必要としない絵文字や特殊文字を使用することにしました。
良いキャッシュプラグインを使用し、CSSとJSの最小化を行う必要があります。また、無料のCDNをCloudflareのキャッシュと一緒に使用しており、画像とjavascriptをJetpackのCDNにホスティングしています。私のテーマ、GeneratePressは非常に軽量です。
非常に重いテーマを持っている人がいます、このような結果を得るためにいくつかの手動の最適化とフレアの除去が必要です。 Megamenuのようなものは不要であり、サイトを圧迫するためだけに役立ちます。 80%の訪問はモバイルであるため、デスクトップバージョンに余分なものがあるかどうかは関係ありません。
常にあなたのサイトを web.dev で確認することをお勧めします。GoogleのPageSpeedだけを使用するのではなく、興味深い情報を提供しています。 web.dev と vitals のGoogle Chrome拡張機能があり、ページの読み込みを妨げている問題を具体的かつ詳細に指摘します。
満点を諦めないでください。手間はかかりますが、大満足です！この記事のヒントが気に入ったら、友達と共有してコメントを残してください。サイトを最適化するために何をしましたか？