PageSpeed Insights

PageSpeed Insights

レンダリングを妨げるリソースの除外〜PageSpeed Insights〜

新しい記事を公開するたびに PageSpeed Insights でサイトのスピードを測定していますが、「改善できる項目」には必ず「適切なサイズの画像」項目が表示されて、「アイキャッチ画像」のサイズを この記事 の通り修正しておきますが、 ...
PageSpeed Insights

適切なサイズの画像を配信する方法〜PageSpeed Insights〜

PageSpeed Insight でサイトを分析すると、「改善できる項目」に「適切なサイズの画像を配信して、モバイルデータ量を節約し読み込み時間を短縮してください。」と表示された場合の対処方法をご紹介します。 本記事の最後にご紹介する他の...
Autoptimize

「オフスクリーン画像の遅延読み込み」項目を改善する方法〜PageSpeed Insights〜

当サイトの場合、サイトバーにアフィリエイトサイトの広告コードを挿入してありますが、これらが PageSpeed Insights の分析結果で「改善できる項目」に入っていましたので、修正した内容を紹介します。 ▲ この広告ファイルを読み込み...
PageSpeed Insights

「WEB フォント読み込み中のテキストの表示」に対処する方法〜PageSpeed Insights〜

現状・条件 レンタルサーバ環境 () WordPress バージョン:5.2.4 WordPress のテーマ:Cocoon 1.9.9.5.3 Autoptimize:2.5.1 WEB フォントを使用することが前提です。 Autopti...
Autoptimize

JavaScript や CSS の最適化のための Autoptimize プラグインの設定方法

現状・条件 レンタルサーバ環境 ( ) WordPress バージョン:5.2.4 WordPress のテーマ:Cocoon 1.9.9.5.3 Autoptimize:2.5.1 Autoptimize をインストールする WordPr...
Autoptimize

第三者コードの影響を抑える方法〜PageSpeed Insights〜

AdSense や Google アナリティクスなど、第三者との連携によってサイトのスピードは落ちて行くのですが、その影響を軽減する方法として下記のやり方で ( 当サイトの場合 ) 改善できましたのでご紹介します。 結果的に、メインスレッド...
Cocoonテーマ

Lazysizes で アフィリエイト広告画像ファイルの読み込みを遅延させる〜A8.net moshimoなど〜

PageSpeed Insights でサイトを分析する際、「改善できる項目」に「オフスクリーン画像の遅延読み込み」が表示された場合の対処方法を紹介します。 ▲ 改善できる項目:オフスクリーン画像の遅延読み込み 現状・条件 レンタルサーバ環...
スポンサーリンク