ページ表示速度とはその名のとおり、Webページを表示するまでにかかった時間のことです。

ユーザーファーストを掲げているGoogleでは、ユーザーの利便性が高いWebサイトを評価しています。ページ表示速度が遅ければ遅いほど、Webページを閲覧するまでの時間も長くなってしまうため、ユーザーがストレスを感じてしまいます。

Webページを表示するまで時間がかかると、ユーザーの利便性が低下し、SEO評価の低下にもつながるため、改善が必要です。

Googleが評価するページ表示速度の対象項目

Googleでは3種類の時間を、ページ表示速度の対象項目として計測しています。

サンプルのページ表示時間

Googleはユーザーが読み込んだすべてのWebページの、ページ表示速度を計測しているのではありません。サンプルとしてデータを抽出するのは、ユーザーの1％かつ最大で10,000PVです。

イベントや操作の実行速度

Googleはサンプルから抽出したデータをトラッキングし、キーボードでの入力やクリックなどのイベント、操作の実行速度、Webページの読み込み時間を計測して評価しています。

対象となるのは、画像の表示にかかる時間や、ボタンのクリック後にアクションを起こすまでの反応時間などで、速度が遅い場合は評価が低くなってしまいます。

ブラウザの解析後に操作ができるまでにかかる時間

Googleはサンプルをもとに、ブラウザがWebページを解析してから、ユーザーが操作できるまでにかかった時間も評価しています。ブラウザの読み込み速度が遅い場合は、わかりやすいコードでWebサイトを作成するなどの対策を行いましょう。

ユーザーの体験を損なう

ページ表示速度が遅いと、ユーザー体験を損なう可能性があります。

Webサイトを訪問するユーザーの多くが、抱えている問題や悩みを解決したいという目的を持っています。わからないことを調べたいのに、Webページがすぐに開かないと、ユーザーが大きなストレスを感じるのは当然です。

ページ表示速度が遅いWebサイトは、ユーザーの使いやすさを阻害するため、直帰率が上昇しやすい傾向があるという調査結果を、Googleが発表しています。

1秒のページ表示速度を基準とした場合、モバイルページの表示の遅れによって、ユーザーがどれだけ離脱するのかを調査した結果からは、ページ表示速度が遅くなればなるほど、直帰率が大幅に高くなることがわかります。

SEO評価が低下する

ページ表示速度が遅いと、SEO評価が低下する可能性があります。

「ページの読み込み速度をモバイル検索のランキング要素として使用することになりました。」

引用：Google検索セントラル「ページの読み込み速度をモバイル検索のランキング要素に使用します」

Googleは2018年に実施した「Speed Update」で、モバイル版サイトのページ表示速度が、検索順位に影響を与えると発表しています。

ただし、ページ表示速度が遅い場合でも、検索クエリと関連が高い良質なコンテンツであれば、上位表示される可能性があると示唆していますが、ページ表示速度の遅さがユーザーの体験を損なうことは間違いないため、改善が必要です。

コンバージョン率が低下する

Webサイトを訪れたユーザーは、商品ページや購入ページがスムーズに表示されないと、Webページの内容を読む前に離脱してしまいます。

ECサイトで商品やサービスを購入する際には、ユーザーはあちこちのWebサイトを見て、価格などを比較検討することが一般的です。そのような状況でページ表示速度が遅いと、ユーザーはWebページが表示されるまで待つのではなく、さっさと次のWebサイトに移動するでしょう。

ページ表示速度が速く、スムーズに商品を選べるWebサイトは、購入や問い合わせ、資料請求などのコンバージョンにつながる数も増加します。

ページ表示速度の重要性についてよく理解できました！
でも、どうやってページ表示速度を確認すればいいのでしょうか？

Page Speed Insights(ページスピードインサイト)

自社のWebサイトはもちろん、競合サイトのページ表示速度の計測にも使えるのが、「ページスピードインサイト」です。使い方も簡単で、検索窓にURLを入力するだけで、すぐに計測できます。

使い方

STEP 1

ページスピードインサイトにアクセスします。

STEP 2

検索窓にページ表示速度を調べたいWebページのURLを入力し、「分析」ボタンをクリックします。

STEP 3

数値化されたスコアで計測結果が表示されます。ページ表示速度の目安は、スコアが0～49は「遅いため要改善」、50～89は「標準的」、90～100が「速い」です。
70点が平均点ですので、80点以上であれば改善点はほとんどないと考えられます。

また、ページスピードインサイトでは、ページ表示速度を高めるための修正方法も提示されますので、内容を参考にしながら改善に取り組みましょう。

Googleアナリティクス

STEP 1

Googleアナリティクスにアクセスしたら、Googleアカウントでログインしましょう。

STEP 2

左メニューの「行動」→「サイトの速度」→「概要」を選択すると、Webサイト全体の平均速度を確認できます。

また、「行動」→「サイトの速度」→「ページ速度」を選択すると、Webページごとの表示速度の確認が可能です。Webサイト内の平均よりも速い場合は緑、遅い場合は赤で表示されるため、どのWebページが遅いのかが一目でわかります。

Googleアナリティクスでは計測結果しかわからないため、問題のあるWebページを見つけた場合は、ページスピードインサイトに移動し、修正すべき点を洗い出すことをおすすめします。

なるほど！さっそくページ表示速度を確認してみます。
…編集長！改善が必要なページがあるようです！！
どうすればいいのだろう…。

大丈夫！改善方法を教えるから、少しずつ改善してみよう。

ブラウザキャッシュの活用

無駄な読み込みを省くには、ブラウザキャッシュが有効です。

キャッシュとは、アクセスしたWebサイトのデータを、ブラウザに一時的に保存できる仕組みのことです。キャッシュを活用していない場合は、データが保存されません。そのため、同じWebページにアクセスする度に、同じ情報をダウンロードしてしまうので、ページ表示速度が遅くなる原因になります。

再訪者が多いWebサイトや、容量の大きな画像があるWebページでは、キャッシュを活用することで、無駄な読み込みを防げます。

ブラウザキャッシュはデータをいつまで保持するか、有効期限の指定が可能です。指定がないと期限切れとみなされ、常にダウンロードしてしまうため、有効期限を指定しましょう。

ただし、頻繁に更新するWebページで有効期限を長くすると、ユーザーが閲覧する情報が最新でなくなる可能性もありますので、注意が必要です。

画像・動画の最適化

画像や動画の最適化を行い、画像ファイルや動画ファイルの容量を抑えることでも、ページ表示速度の改善が可能です。

画像には、用途の異なる様々な形式があります。

画像の種類に合わせて、適切な形式を使いわけることで、容量の最適化につなげられます。

また、画像や写真のサイズをWebサイトに適したサイズに変える、リサイズも必要です。無駄なデータを削除し、ページ表示速度の改善を行いましょう。

フォントの見直し

画像ほどではありませんが、フォントもページ表示速度に影響を与えます。

Googleでは1ページあたり1.6MBほどの容量を推奨しており、太字や斜体などの装飾を使用すると、容量が重たくなってしまうため、注意が必要です。利用するフォントの数が多ければ多いほど、Webページの読み込みに時間がかかります。

一般的に、和文フォントは欧文フォントよりも重いため、使用フォントから必要な文字だけを抜く「サブセット化」を行い軽量化します。サブセット化を行うには、「サブセットフォントメーカー」と「WOFFコンバータ」の2つのツールを使いますので、必要に応じてインストールしましょう。