ホームページが重い原因の9割は写真です｜治療院の表示速度改善

ホームページの表示が遅いと、患者さんは開く前に戻ってしまいます。しかも治療院のサイトが遅い原因は、ほとんどの場合1つだけです。 写真が重すぎること。 このページでは、確認方法と、写真を軽くする具体的な手順、そしてどこまでやれば十分かを整理します。

この記事でわかること

1 結論：原因の9割は写真

結論

スマートフォンで撮った写真は、1枚で3〜5MBあることがあります。

それをそのままサイトに載せると、1ページ開くのに数十MBの通信が発生します。

院内の写真を10枚並べたトップページが重いのは、たいていこれが理由です。

そして皮肉なことに、「写真を増やしましょう」というアドバイスに従った院ほど重くなります。 写真を増やすこと自体は正しいのですが、サイズを落としてから載せるという工程が抜けています。

PageSpeed Insights（無料）
Googleのツールに自院のURLを入れるだけです。モバイルとデスクトップの両方で点数が出ます。見るのはモバイルのほうです。患者さんはスマホで見ています。
実際にスマホで開いてみる
Wi-Fiを切って、モバイル回線で開いてください。Wi-Fi環境では速く見えてしまいます。3秒以内に主要な内容が見えるかが目安です。
Search Consoleの「ウェブに関する主な指標」
実際に訪問した人のデータをもとに、問題のあるURLが表示されます。データが溜まるまで時間がかかるため、公開直後は表示されません。

この3つで、たいてい解決します

3〜5MBの写真が、この処理で100〜200KBになります。20分の1以下です。

具体的なやり方

Windowsなら：写真アプリで開く →「サイズ変更」→ 幅を1600pxに → 保存

Macなら：プレビューで開く →「ツール」→「サイズを調整」→ 幅を1600pxに → 保存

まとめて処理したいなら：無料の画像圧縮サービスにドラッグ＆ドロップするだけのものがあります。患者さんの顔が写っている写真は、外部サービスにアップロードしないでください。

WordPressを使っている場合、画像を自動で圧縮するプラグインもあります。ただしプラグインを増やすこと自体が表示速度と保守の負担になるため、枚数が多くないなら手作業のほうが確実です。

Googleは、ページの使い心地を示す指標としてCore Web Vitalsを公表しています。 3つありますが、治療院で問題になるのはほぼ1つ目だけです。

CLSは体感で分かります

読もうとした瞬間に画面がガクッとずれて、押すつもりのない場所を押してしまう。あれがCLSの問題です。画像に幅と高さを指定しておくと防げます。制作会社に「画像にwidthとheightを指定してほしい」と伝えれば通じます。

プラグインの入れすぎ（WordPress）
使っていないプラグインは削除してください。無効化だけでは不十分です。
外部サービスの読み込み
チャットツール、SNSの埋め込み、地図の埋め込みなど。1つずつは軽くても、積み重なると重くなります。使っていないものは外してください。
動画の自動再生
トップページで動画が自動再生される作りは、表示速度と通信量の両方に影響します。治療院で必須の演出ではありません。
古いサーバー・共有プランの負荷
まれですが、サーバー側が原因のこともあります。ただし写真を軽くする前にサーバーを疑わないでください。順番が逆です。