表示速度改善 – 重いホームページを計測しながら軽くする

表示速度改善が必要な理由：離脱と検索評価

ページ表示速度は、訪問者の行動にそのまま表れます。読み込み中の白い画面が数秒続くだけで、多くの人は戻るボタンを押してしまいます。特にスマホは回線や端末の性能に差があるため、パソコンで問題なく見えていても、外出先では表示が遅いということがよくあります。

検索の面でも、Googleは表示の速さや安定性を「ページエクスペリエンス」の要素として評価に含めています。検索順位を決めるいちばんの要素は内容の質ですが、同じくらい役に立つページが並んだとき、速く快適に見られるページが選ばれやすくなります。広告を出している場合は、クリック後に表示されないまま離脱されると、広告費がそのまま失われてしまいます。

• スマホで開くと、文字や写真が出るまで数秒かかる
• 読み込み中にレイアウトが動き、押したいボタンがずれる
• トップページの大きな写真やスライダーがなかなか表示されない
• アクセス解析で、スマホの直帰率がパソコンより大きく高い
• 広告のクリック数に比べて、問い合わせや購入が極端に少ない

ひとつでも当てはまるなら、まずは今の速度を数字で確認するところから始めましょう。

サイトの表示速度を測る方法と目安

改善の前に、同じツール・同じ条件で現状を記録しておくことが大切です。改善後に比べる基準がないと、何が効いたのか判断できません。無料で使える代表的なツールは次のとおりです。

• PageSpeed Insights：URLを入れるだけで、スマホとパソコンの評価と具体的な改善項目が分かる
• Search Console（ウェブに関する主な指標）：実際の訪問者のデータから、遅いURLのグループを一覧で確認できる
• Chromeのデベロッパーツール（Lighthouse・ネットワーク）：どのファイルが重く、どの順番で読み込まれているかを調べられる

目安として、Googleが示すCore Web Vitalsでは、メインの画像や見出しが表示されるまでの時間（LCP）が2.5秒以内、操作への反応（INP）が200ミリ秒以内、レイアウトのずれ（CLS）が0.1以下を「良好」としています。点数は計測のたびに多少ぶれるため、トップページ、よく見られる下層ページ、商品やサービスのページなど3〜5ページを選び、スマホの結果を中心に記録しておくと比較しやすくなります。各指標の詳しい見方はCore Web Vitalsの改善でまとめています。

ホームページが重い原因と直し方

ホームページの表示が遅い原因は、多くの場合いくつかに絞られます。効果の大きい順に見ていくと、短い作業で体感が変わることも少なくありません。

• 画像：撮影したままの大きな写真をそのまま載せているケースがいちばん多い原因です。表示サイズに合わせて縮小し、WebPなどの軽い形式に変換し、画面の下にある画像は遅延読み込みにします
• スクリプトとプラグイン：使っていない機能、重複した計測タグ、チャットやSNS埋め込みの読み込みを整理し、急がないものは後から読み込むようにします
• フォントとCSS：Webフォントの種類や太さを絞り、使っていないスタイルを減らします。日本語フォントは特に容量が大きいため注意が必要です
• キャッシュ：ブラウザキャッシュとページキャッシュを設定し、2回目以降の表示や同じページの生成を速くします
• サーバー：応答が遅い共用サーバーや古いPHPのままなら、プランの見直しや移転、CDNの利用を検討します

写真の多いサイトでは、画像の最適化だけで大きく改善することがあります。ファイル名や代替テキストの付け方も含めた画像の扱い方は画像SEOで解説しています。

WordPress高速化で見直すポイント

WordPressは便利な反面、テーマやプラグインを足していくうちに重くなりやすいCMSです。WordPress高速化では、次の順番で確認すると原因を見つけやすくなります。

• プラグインの棚卸し：有効になっているものを一覧にし、使っていないもの、機能が重複しているものを停止する
• テーマの重さ：多機能テーマやページビルダーが大量のCSSやスクリプトを読み込んでいないか確認する
• PHPとWordPress本体の更新：古いPHPは処理が遅く、セキュリティ面でも不安が残るため、サーバー側で新しいバージョンに切り替える
• キャッシュと画像の設定：キャッシュ系プラグインと画像圧縮を一つずつ導入し、設定を変えるたびに表示崩れがないか確かめる
• データベースの整理：大量のリビジョンや不要なデータを整理し、管理画面の動作も軽くする

設定を一度にまとめて変えると、表示が崩れたときに原因が分からなくなります。作業前にバックアップを取り、ステージング環境で試してから本番に反映するのが安全です。WordPressでの検索対策全般はWordPressのSEO対策もあわせてご覧ください。

サイト高速化でよくある失敗

サイト高速化は、点数を上げることそのものが目的になると、かえって使いにくいサイトになってしまうことがあります。次のような失敗に気をつけましょう。

• スクリプトを一律に遅らせた結果、フォームや予約ボタン、計測タグが動かなくなる
• 画像を圧縮しすぎて、商品写真や施工写真の質感が伝わらなくなる
• キャッシュの設定で、更新した内容やカートの中身が古いまま表示される
• 改善前の数字を記録しておらず、効果を説明できない
• パソコンの結果だけを見て、スマホの遅さが残ったままになる

対策を一つ入れるごとに、計測とフォーム送信・購入までの動作確認をセットで行うと、こうした失敗は防げます。

UNANOBOの表示速度改善：計測と軽量デモから

UNANOBOでは、まず今のサイトのURLをお預かりし、スマホとパソコンの表示速度を計測して、重くなっている原因を洗い出します。そのうえで、ブランドと内容を活かしながら軽く組み直したページを無料デモとしてお作りし、今のサイトと同じ条件で測った結果を並べてご覧いただきます。

流れは「無料デモ → フィードバック → 公開 → 成長」です。今のサイトを調整するのか、作り直したほうが速くなるのかも、デモを見ながら判断していただけます。代表が計測から公開後の確認まで一人で担当し、やり取りはメッセージで、日本語・英語のどちらでも対応します。