『Page load time』サイトの表示速度を簡単に計測【Chrome拡張】

page-load-time

SPONSORED LINK

こんにちは、いろんな効率化が大好きなたぬ(@KAivlys)です!

2018年7月から、ページの表示速度がモバイル検索のランキング要素として組み込まれることは知っていますか?

『サイトの表示速度が高速であればあるほどSEO的に良く、サイトがいろんな検索ワードで上位表示されるようになる』という訳です。

ページの読み込みを計測する方法は、けっこう色々あるんですけど、特にオススメなのがGoogle Chromeの拡張機能『Page load time』です。

結論から言うとインストールするだけで色んなサイトの表示速度が測れるようになります。

しかし、使い方を間違えると「表示速度が速くなった」ぬか喜びしてしまうかもしれません。

そこで今回は、『Page load time』を使って、手軽に、そして正確にサイトの表示速度を計測する方法を紹介していきます。

Page load timeをインストールしよう

Chromeウェブストアで自分のアカウントに追加してください。

page-load-time-1

Chromeウェブストア
page-load-time-2

『拡張機能を追加』を選択

page-load-time-3

正しく追加されると、上図のように時計のアイコンが表示されるようになります。

これでインストールはおしまいです。次に使い方を紹介します。

Page load timeの使い方

使い方はとっても簡単。

読み込み速度を計測したいWebサイトにアクセスするだけでOKです。

時計のアイコンの上にページの読み込み速度が表示されるようになります。

page-load-time-4

ね、とっても簡単でしょう。

でも実は、このままにしておくと99%くらいの確率で「表示速度が速くなった」ぬか喜びしてしまう恐れがあるんですよ。

表示速度の落とし穴

突然ですが、『初めて訪れるWebサイト』『2回3回と以前に訪れたことがあるWebサイト』の表示速度を比べたことはありますか?

これは後者が圧倒的に読み込みスピードが速いんですよ。

理由は『キャッシュの読み込み』が関係してきます。

キャッシュとは
1度開いたウェブページのデータ(画像など)を保存しておいて、次に同じページを開くときにサクっと表示してくれる仕組み

つまり、キャッシュが残っている状態で表示速度を計測すると、実際の表示速度よりも速く計測されるので、正しく計測できないという訳です。

Page load timeを正しく使う方法

  • Chromeのキャッシュを消して、計測する

これに限ります。

履歴にアクセス

page-load-time-5

chrome://history/

Chromeでショートカットキー『+Y』(※Windowsユーザーは『Ctrl+Y』)を押しても『履歴』にアクセスすることができます。

閲覧履歴データを消去する

page-load-time-6

『閲覧履歴データを消去する』を選択

キャッシュされた画像とファイル

page-load-time-7

『キャッシュされた画像とファイル』を選択

チェックが入っているかを確認して、『データを消去』をクリックします。

これでキャッシュがなくなりました。

さいごに

今回の記事の内容を以下に箇条書きでまとめてみました!

復習にどうぞ。

今回のおさらい

  1. 2018年7月からモバイルの表示速度がSEOに関係してくる
  2. 表示速度を測る最も簡単な方法は、Chromeの拡張『Page load time』
  3. キャッシュを消して使わないと「表示速度が速くなった」とぬか喜びしてしまう

キャッシュを消すために、『chrome://history/』にアクセスして、キャッシュを削除みたいなことを今回紹介したと思いますが、実はもっと簡単にキャッシュを消す方法があるんですよ。

それも今回と同じように、Google Chromeの拡張を使うわけなのですが…。

『Clear Cache』ワンクリックでキャッシュを削除【Chrome拡張】

2018.02.18

気になる方は、上の記事を参考にどうぞ。

それでは〜

SPONSORED LINK

page-load-time

ABOUTこの記事を書いてる人

たぬ(谷口健太)

25歳社会人。本職は福岡の通販会社でWebマーケッターやっとります。 プログラミング✕マーケティング=最強説を唱えており、非効率的な世の中に革命を起こそうと本ブログを設立。 ストレングスファインダー:戦略性・最上志向・目標志向・未来志向・個別化

NEW POSTこのブログの最新記事