PageSpeed Insightsの評価がシビアに?モバイル表示の改善項目を確認

SEOならSEOパック
ご利用実績10508件 (2018/12/14現在)

PageSpeed Insightsの評価がシビアに?モバイル表示の改善項目を確認

Googleの読み込み速度検証ツールPageSpeed Insights(ページスピードインサイト)ツールをご利用になられた事はありますか?
SEO対策をされている皆さまは、モバイルフレンドリーなwebページを目指して(パソコン表示ページ同様)読み込みスピードの改善に取り組んでいる方も多いと思いますが、その読み込み速度の検証に利用されるツールがPageSpeed Insightsとなります。

検証方法は、URLを入力するだけ。最高100としてスコア付けされるのですが、
2018年11月12日~13日付近に確認したところ、評価がかなりシビアになっている事がわかりました。

何が変わったかというと、分析エンジンがLighthouse(Google Cromeの機能拡張ツール)ベースになったとGoogleウェブマスター向け公式ブログで発表されています。

速度スコアは「3G回線」での評価と変更になっているようなので、スコアを大幅に落としたサイトも多いと思いますが要因は、回線の変化によるものかなと推測しています。

さて、SEO Packの速度スコアも大幅に落としていますので、SEO Pack検証結果で表示された改善項目についていくつか取り組みやすそうな改善方法を確認しました。

改善できる項目「次世代フォーマット」

「次世代フォーマットでの画像の配信」部分で大きく改善が可能なようです。
次世代フォーマットの形式はJPEG 2000(.jp2)、JPEG XR、WebP などの画像フォーマットと記載されています。

早速、jpg画像をjp2形式に変換して、webブラウザで表示を確認したところ…表示されない。

何故、表示を確認できないのか情報を調べた結果、JPEG2000形式の画像ファイル(拡張子.jp2、.j2k)はGoogle chromeやfirefox、エッジなど主要ブラウザの表示に対応していないという事がわかりました。プラグインなどを追加し表示可能なユーザーもいるようですが、ユーザーの環境により見えない人が多数の現時点では、次世代フォーマットへの変換は後回しで良いのではないかと判断し別の改善項目を確認する事にしました。

改善できる項目「適切なサイズの画像」

SEO Packでは、3つの画像に関してデータ量を減らしてみました。再度PageSpeed Insightsの結果を確認したところ、評価スコアが「2」のみの改善に留まりました。画像サイズの大きいイメージを利用しているサイトは、この部分で大きく改善ができる可能性があります。

改善できる項目「静的なアセットと効率的なキャッシュ ポリシーの配信」

「キャッシュの有効期間を長くすると、再訪問したユーザーへのページの読み込み速度を向上できます。」となっているこの部分に関しては、.htaccessファイルに画像やcssのキャッシュについての設定を追加してみました。

文字の色を変えている部分に期間を指定するのですが、変更頻度が多いと思われるcssを1時間に指定したりと、サイトの変更頻度により期間を変更します。

改善できる項目「使用していない CSS の遅延読み込み」

「使用していないルールをスタイルシートから削除して、データ通信量を減らしてください。」となっているこの項目に関しては、
読み込みのタイミングを変更するなど方法はありますが、今回は「未使用のCSSを整理する事」を検討しました。

未使用のCSSを整理する場合にチェックツールはいくつかありますが、Google Chromeでも調査可能です。

1Google Chromeのデベロッパーツールを起動

2[Console]を表示し、画面を閉じる×アイコンの下の [⋮]→[More tools]→[Coverage]

3reloadアイコンをクリック

すると、デベロッパーツールの下部に、読み込んでいるCSSなどのファイルが表示されます。
該当のファイルをクリックすると、緑のバーと赤色でセレクタが表示されますが
赤色(未使用のセレクタ)のセレクタを確認、整理する事ができます。

ここで1点注意が必要です。レスポンシブデザイン用のメディアクエリの部分も赤色で表示されます。削除する前は、事前にバックアップを残しておき、注意し作業を実行しましょう。

まとめ

さて、取り組みやすい改善項目とその対処方法をいくつかご紹介させていただきました。
サイトの状況により外部ファイルの読み込みが少なかったり、画像を全く使用していなかったりと状況はまちまちで改善方法も違うと思いますが、参考になれば幸いです。
モバイルでも使いやすいサイトは、SEO対策においても重要です。今やパソコン検索順位とモバイル検索順位が大きく違っている場合も多くなってきました。順位計測はパソコンとモバイル両方をチェックしてみましょう。
格安SEO対策のSEO Packで利用できるseodoorというツールでは、モバイルの順位計測も可能です。是非ご利用くださいませ。

この記事が役に立ったらSNSで共有してください。

キーワード難易度チェックツール

SEO対策FAQ

全質問一覧

最新記事

全記事一覧

カテゴリ一覧

全記事一覧

SEO Packブログ byディーボ

このブログについて

公式SNS

Twitter

facebook

自分でできるSEOや最新のSEO対策を配信中。