ホームページが重い気がします。Googleは3つの数字で見ています

自分のホームページを開いたとき、表示までに一拍あると感じることはありませんか。気のせいかもしれないし、回線のせいかもしれない。そう思って、そのままにしている方が多いところです。

この「重い気がする」は、数字で見ることができます。しかも、Googleがその数字を公開していて、評価の材料にも入れています。

遅いページは、読む人に気づかれないまま閉じられます。何秒で離脱するかという数字は条件によって変わるので断言はしませんが、待たされた経験は誰にでもあると思います。自分のページで同じことが起きていないかは、一度だけ確かめておく価値があります。

結論から書きます。まず測ってください。直すのはそのあとです。測らずに直すと、効かないところを触ることになります。

速さは、評価の材料に入っています

Googleは表示の速さや安定性を、Core Web Vitals（コア ウェブ バイタル）という一組の指標で見ています。

注意したいのは、これだけで順位が決まるわけではないということです。考慮する要素のひとつ、と書かれています。内容が薄いページを速くしても上には行きません。

ただ、同じくらいの内容が並んだときに、待たされるページが選ばれにくいのは想像がつくと思います。読む人の側も、遅ければ戻ってしまいます。

見るのは3つの数字です

Core Web Vitals は3つの指標でできています。Googleが示している目安はこうです。

言葉にすると、こうなります。LCPはいちばん大きい部分が出るまでの時間。だいたいは写真か見出しです。INPは押してから反応するまでの時間。CLSは読んでいる最中に文字が飛ばないかです。

3つめが意外と効きます。あとから画像が読み込まれて、読んでいた行が下にずれる。あれが起きているページは、CLSの数字が悪くなります。

CLSは、作っているときには気づきにくい数字です。自分のパソコンは読み込みが速いので、ずれる前に表示が終わってしまいます。ずれているのは、回線の細い人の画面だけということが起こります。

まず測ります。道具はどちらも無料です

自分のページがどうなっているかは、2つの方法で見られます。

ひとつはSearch Consoleです。左のメニューにCore Web Vitalsのレポートがあり、自分のサイト全体で、どのページが良好でどのページが悪いかを一覧で見られます。実際に訪れた人のデータをもとにした数字なので、こちらが本番の成績です。

もうひとつはPageSpeed Insightsです。URLを1本入れると、その場で測って点数と改善案を出してくれます。こちらはいま手元で測った結果なので、直したあとの確認に向いています。

Search Consoleで悪いページを見つけて、PageSpeed Insightsでそのページを測る。この順番が無駄がありません。Search Consoleの見方そのものはサーチコンソールを開いても、何を直せばいいか分かりませんにまとめました。

直す順番は、重いものからです

PageSpeed Insightsで測ると、モバイルとパソコンで結果が別々に出ます。たいていモバイルのほうが悪く出ます。回線も端末の力も、パソコンより条件が厳しいからです。

先に見るのはモバイルです。Googleはスマートフォン向けの見え方でページを評価しているので、パソコンだけ速くしても、評価される側の数字は変わりません。

ここで気をつけたいのが、直す優先順位がモバイルとパソコンで変わることがある点です。パソコンでは問題にならない画像が、モバイルでは最大の待ち時間になっていることがあります。両方の改善案を見比べて、モバイル側の上位から手をつけてください。

測ると改善案がたくさん並びます。全部やる必要はありません。効く順に上から並んでいるので、上の数件だけ見てください。

自分で作ったホームページで上に来やすいのは、たいてい画像です。スマホで撮った写真をそのまま上げると、1枚で数メガバイトあります。表示される大きさは画面の幅ぶんしかないので、その差がまるごと待ち時間になります。

対処はひとつです。載せる前に縮める。横幅1200ピクセルから1600ピクセルくらいに縮めてから上げれば、見た目は変わらずにファイルは軽くなります。写真の扱いはホームページの写真、IMG_0023のまま載せていませんかにも書きました。

プラグインを入れて自動で軽くする方法もありますが、入れるほどページは重くなります。先にいま入っているプラグインで使っていないものを外すほうが、効くことがあります。

もうひとつ、数字が急に悪くなったときは、直前に何かを足していないかを思い出してください。地図の埋め込み、SNSのタイムライン、チャットの窓。どれも外部から読み込むので、自分のサーバーが速くても、相手が遅いとそのぶん待たされます。載せたい気持ちと、待たせたくない気持ちは、ここでぶつかります。

今日やることは、2つだけです

速さは、ページの中身とは別の話に見えます。ただ、読む前に閉じられてしまえば、書いた内容は届きません。数字で見ると、直す場所がはっきりします。