ぱっとカエルコラム

ページの表示速度とは、ユーザーがURLにアクセスしてからブラウザで画面が表示されるまでの速度のことです。ホームページなどのWebサイトにおいてページ表示速度が重要な理由として、下の2つが挙げられます。

SEOへの影響

2018年1月にGoogleがページの読み込み速度を検索のランキング要素に使用すると公式に発表しています。
┗参考：https://developers.google.com/search/blog/2018/01/using-page-speed-in-mobile-search?hl=ja

これにより、ページの表示速度が遅いとSEOに影響を与えることが分かります。

ただ「対象となるのは、ユーザーがかなり遅いと感じるようなページのみで、ごくわずかな割合のクエリにしか影響しません」との記載もあり、SEOに影響を与えるのは極端に速度が遅いページのみで、ランキングの要因としてはそこまで大きく影響を与えるものではないようにも思えます。

しかし、だからといって対応の優先順位を下げてもいいのかいうと、そういうわけではありません。ページの表示速度が与える影響はSEOだけには限らないからです。

離脱率・CV率への影響

Googleが2018年に発表した情報によると、ページの表示速度が1秒から3秒に長くなった場合32%のユーザーがページを離脱するとの調査結果があったようです。
┗参考：https://www.thinkwithgoogle.com/marketing-strategies/app-and-mobile/mobile-page-speed-new-industry-benchmarks/

ユーザーの離脱率が上がるとページの滞在時間も短くなり、問い合わせや資料請求などCVへの誘導チャンスも低くなります。

これら2つの理由から、Webサイトにおいてページの表示速度は積極的に改善していくべき要素となります。

では自分のサイトはどうなのか？
簡単に表示速度を計測できる方法をご紹介します。

ページ表示速度を計測するツールとしておすすめなのが、「PageSpeed Insights」です。

PageSpeed Insights

Googleが提供する無料の表示速度測定ツールです。
やり方は、速度を測定したいURLを入力して分析ボタンをクリックするだけ。

スマートフォンとパソコンを切り替えて、デバイス種類ごとに結果を確認できます。
表示速度の測定結果とともに改善できる項目も表示してくれるため、改善の参考とすることができます。

ページ表示速度を改善するためにできることとして、使用画像の軽量化があります。
これからご紹介する3つの方法を使って、ページ内で使用している画像のデータ容量を削減してみましょう。

画像サイズを小さくする

画像を掲載するスペースに対し、大きすぎる画像をアップロードしていませんか？
最近はスマートフォンで撮影した写真も高画質化していますが、その分画像サイズも大きくなっています。
サーバーへアップロードする前に、一度画像サイズを確認してみてください。

ぱっとカエルでは、サーバーアップロード後でも簡単に画像サイズを変更することができます。

サーバーブラウザーのサイズを変更したい画像の右上ボタンをクリックし、［サイズの変更］から適切なサイズを設定してください。

ファイル拡張子の変更

画像の拡張子がPNG形式だった場合、JPEG形式に変更するだけでも容量を軽量化することができます。
Windowsパソコンの場合は標準装備されている画像編集アプリ「ペイント」で簡単に拡張子を変更することができます。

※Windows11での画面です。

ペイントで画像を開き、保存時に［JPEG画像］を選んで保存するだけで変更できます。

画像圧縮ツールを使う

無料で使えるツールとして、有名なのは「TinyPNG」です。
やり方は圧縮したい画像をドラッグアンドドロップするだけ！
最大20ファイル、5MBまでまとめて圧縮することができるので複数の画像を軽量化したい際におすすめです。

いかがでしたでしょうか。
せっかくこだわって綺麗なサイトを作っていても、ページの表示速度が遅いことによって本来得られたはずの成果がなくなってしまうのはもったいないですよね。

自分のサイトの表示速度を気にしたことがなかったという方も、これを機に一度測定してみてくださいね。