PINTO!株式会社PLAN-Bの情報発信メディア

2017.08.09

塩飽 拓哉

SEO SOLUTION

Googleのページ読み込み速度テストツール「Test my site」の機能と使い方解説

目次
    1. 機能・使い方について
      1. ブラウザキャッシュを利用する
    2. PageSpeed Insightsとの違いは?
      1. 違いその1
      2. 違いその2
      3. 違いその3
    3. まとめ

今回の記事では、Googleが新しく公開したツール「Test my site」について、その機能と使い方、ページ表示速度を計測できる「PageSpeed Insights」との違いは何かまで詳しく説明していきます。


機能・使い方について

はじめに、Googleが公開した「Test my site」の機能とその使い方を紹介していきます。これまでGoogleが公開してきたツールと同様にチェックしたいURLを入力するだけなので、誰でも簡単に使うことができます。


まずは、「Test my site」にアクセスしましょう。

Test my siteトップページ

ページにアクセスしてチェックしたいURLを入力し、矢印のマークをクリックすると、以下の画像のようにサイトの診断が始まります。

サイトを読み込んでいます…

サイトを読み込んでいます…

評価まで1分ほどかかりますと書いていますが、実際にツールを使ってみた感覚でもそれくらいの時間はかかっているように感じました。


標準接続(3G)でテストしています…

標準接続(3G)でテストしています…

日本では4Gが主流ですが、世界的には3Gでのモバイル回線接続が全体の70%を占めているようです。


サイトのデータを分析しています…

サイトのデータを分析しています…

ここでは、HTML/CSSやJavaScriptの確認や実行を行っています。


モバイル対応度をテストしています…

モバイル対応度をテストしています…

続いて、モバイルフレンドリーテストツールで診断できるビューポートやテキストのサイズなどを計測しています。


速度を確認しています…

速度を確認しています…

ページの読み込み時間が1秒から7秒になると、訪問者のサイト離脱率が113%増加すると書かれています。


類似サイトを分析しています…

類似サイトを分析しています…

診断結果の画面にて同じ業種のサイトとの比較を確認することができます。


ツールでの調査が終わると調査結果として、「読み込み時間」「訪問者の推定離脱率」が表示されます。今回は、読み込み時間が5秒、推定離脱率が19%でした。

「読み込み時間」「訪問者の推定離脱率」


また、次のページに行くと、「同じ業界内の比較」を見ることができます。今回はこのPinto!内の記事を診断してみましたが、「仕事、教育」の業種に振り分けられています。

業界内だと、3秒が「特に良好」、4.3秒が「良好」のようですので、あと一歩というところです。

「同じ業界内の比較」

また、プルダウンから他の業種を選ぶことで比較をすることも可能です。

業界を選択

「法律・行政」から「ペット・動物」のように、Googleが幅広く業種を把握していることが分かります。


最後のページに行くと、サイト修正によって短縮できる読み込み時間が書かれています。

短縮できる読み込み時間

調査ページがモバイルフレンドリーに対応していなければ、下図の赤色枠のようにモバイルフレンドリー対応できていないことも知らせてくれます。

モバイルフレンドリー対応ができていない

「優先度の高い修正点を確認」をクリックすると、下記のようなポップアップが表示されます。

優先度の高い修正点

「無料レポートを取得」をクリックして、表示されたポップアップ内でメールアドレスを入力しましょう。

無料レポートを取得

1時間ほどで表示速度改善の提案について書かれたメールが届きます。

分析結果送信の案内

1時間程度と書かれていますが、実際は20分ほどで届きました。

何回かこの調査レポートの配信を行いましたが、30分以内でメールは届いています。

以下がメールで届いたレポートの内容です。

レポート内容

ツールで診断したように、読み込み時間と推定離脱率が書かれています。

離脱率は読み込み速度から自動で計算されるようになっているようです。

読み込み時間が3秒以上かかると40%以上のユーザーが離脱するという海外のカンファレンスでの発表もあり、ページの表示速度はサイトを運営していく中でも重要な項目となっています。

レポート内容

ページの読み込み速度を上げるための具体的な方法が記載されています。赤色の☓印が改善すべき項目、オレンジ色が次点で改善すべき項目、緑色が問題ない項目となっています。

改善方法についてはいくつかありますが、今回は「ブラウザキャッシュの利用」について紹介してます。


ブラウザキャッシュを利用する

キャッシュを使うことでユーザーがサイトに訪れた際の読み込み時間を短縮させることができます。

キャッシュの再読み込みの期間を指定することで新たにページを読み込むことがなくなり、読み込みが早くなります。

設定する方法としては、.htaccessを使います。サーバーによっては.htaccessを使えない場合があるので、事前に使えるかどうかの確認が必要です。

例えば、jpg画像ファイルにキャッシュの期限を設定する場合には下記のような記述をします。下記の内容だと、「jpg」画像ファイルを7日キャッシュするということを意味しています。

pngやjpeg画像など自分のサイトで使っているファイルに応じて記述しましょう。

ExpiresActive On
ExpiresByType image/jpg “access plus 7 days”

また、cssもキャッシュを利用することができます。下記の記述で対応が可能です。cssを頻繁に変更するという場合には、日にちを短く設定しておきましょう。

ExpiresByType text/css “access plus 1 days”

この他にも画像の圧縮など、ウェブ上のツールを利用して改善できる項目もあるので、自分が手をつけやすい部分から改善を進めていきましょう。


PageSpeed Insightsとの違いは?

これまでにGoogleが公開してきたツールの中に、「PageSpeed Insights」があります。このツールでも今回紹介してきた「Test my site」のようにページの読み込みについて調べることができます。

この2つのツールでは何が違うのでしょうか?違いは3つあります。


違いその1

PageSpeed Insightsでは、サイト上でモバイルとパソコンの両方の表示速度改善のための項目をチェックすることが可能です。

Test my siteでは、メールアドレスを入力してメールが送られてくるのを待たなければいけないので、少し時間がかかってしまいます。改善項目をすぐに知りたい場合には、PageSpeed Insightsを使いましょう。


違いその2

Test my siteではモバイルのみの読み込み時間や離脱率を知ることができますが、PageSpeed Insightsでは下記画像のようにスコアという形でモバイルとパソコン両方のページの読み込みの良し悪しをチェックすることができます。

スコア


違いその3

Test my siteでは、おおよその離脱率を知ることができます。離脱率を知ることで自分のサイトのアクセスで取りこぼしているユーザー数を把握することができます。


まとめ

Googleが新しく公開した「Test my site」の機能と使い方について紹介してきました。

Googleがツールを開発してユーザーに公開するということは、Googleがページの表示速度を重要視しているからだと考えられます。

モバイルではいかに早くページにアクセスできるかがユーザーにとっても重要です。

せっかくサイトを訪れてくれたユーザーが離れてしまわないように、今のうちからページ表示速度の改善に取り組んでおきましょう。

SEOをもっと学びたい方はこちらもチェック:SEO対策の全てを紹介!