ジェイスのブログ

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

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

2019/11/19 10:31

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

サイトバーにアフィリエイトサイトの広告を適用中ですが、PageSpeed Insightsの分析結果で「改善できる項目」に入っていましたので、修正した内容を記録しておきます。個人的にはプラグインを使用しないなら Lazysizes を適用し、プラグインを使用するなら Autoptimize を使えば楽かと思います。

2019/11/11 09:52

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

WEBフォントがロード中に表示できない場合、システムフォントを一時的に表示できるよう、font-display:を@font-faceスタイルにスワップすることで、ほとんどの最新ブラウザーでこの問題を回避できますが、全てのブラウザでサポートさせるためWeb Font Loaderを採用します。

2019/11/07 08:53

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

JavaScriptやCSSの最適化はもちろん、Googleフォントの制御、サードパーティのドメインに事前接続設定でサイトのパフォーマンスがさらに向上できます。PageSpeed Insightsのパソコンスコアが60台から最大97点までアップするその一つの方法を公開！GTmetrixでも最大A(93)までアップ！

2019/11/06 08:58

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

AdSenseやGoogleアナリティクスなど、第三者との連携によってサイトのスピードは落ちて行くのですが、第三者コードの影響を抑える ことでサイトのパフォーマンスがさらに向上できます。PageSpeed Insightsのパソコンスコアが60台から最大97点までアップするその一つの方法を公開します。

2019/11/05 09:06

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

PageSpeed Insights でサイトを分析する際、「改善できる項目」に「オフスクリーン画像の遅延読み込み」が表示された場合の対処方法を紹介します。Cocoon テーマの「高速化」機能を使用しながら、プラグインを設置せずアフィリエイト広告コードの読み込みを遅延させるときに有効です。

2019/11/03 16:04