blancブログ記事｜伝わる、つながる、育てる。blancのホームページ制作

「スマホで自社のホームページを開いたら、表示されるまで何秒も待たされる」「Googleの速度チェックにかけたら低い点数が出た」——表示の遅さは、見に来た方がそのまま離れてしまう原因になりますし、検索での評価にも関わってきます。

ただ、ひとくちに「遅い」といっても原因はさまざまです。写真を差し替えるだけで解決することもあれば、サーバーごと見直したほうがよいこともあります。この記事では、原因の切り分け方と、自分でできる改善・依頼したほうがよい改善、そして依頼した場合の費用の目安を順にご説明します。

まずは「どのくらい遅いのか」を数字で確認する

体感だけで判断すると、実際にはご自身の回線や端末が原因だった、ということもあります。まずは現状を数字にしておくと、改善の前後で比べられます。

• PageSpeed Insights（Google）で測る — URLを入力するだけで、パソコン用・スマホ用それぞれの点数と、遅くなっている箇所の一覧が表示されます。
• スマホの回線で実際に開いてみる — Wi-Fiを切った状態で、トップページと問い合わせページを開き、何秒待つかを確かめます。
• ページごとに比べる — トップだけが遅いのか、どのページも遅いのかで、原因の範囲が変わります。

点数は測るたびに多少上下しますし、スマホ用は厳しめの数字が出ます。点数を満点に近づけることより、「開くまでに何秒かかっているか」を短くすることを目安にしてください。速度と検索評価の関係についてはホームページの表示は速いほうが良い？でも触れています。

表示が遅くなる主な原因

ご相談をいただくケースは、だいたい次のどれかに当てはまります。まずはどれに近いかを見てみてください。

自分でもできる改善

専門知識がなくても手を付けられて、効果が出やすいのは次の3つです。

• 大きすぎる画像を小さくする — もっとも効果が出やすい作業です。スマホやデジカメで撮った写真をそのまま載せていると、1枚で数MBあることも珍しくありません。横幅1,200〜1,600px程度、1枚あたり数百KB以内を目安に落とすだけで、体感がはっきり変わります。形式を変える方法はホームページの画像が重い？WebP形式で軽量化する方法とその効果をご覧ください。
• 使っていないプラグインを整理する（WordPressの場合） — 停止したままのプラグインも、残っている限り管理の手間とリスクになります。停止して数日様子を見てから削除する、という順番が安全です。ただし、何に使われているか分からないものは触らないでください。
• 動画の自動再生や大きなスライドショーを見直す — トップページで動画が自動再生される、写真が何枚も切り替わる、といった演出は表示を重くしがちです。本当に必要かどうか、一度検討してみる価値があります。

いずれの作業でも、手を付ける前にバックアップを取っておくことをおすすめします。元に戻せる状態を作っておけば、思い切って試せます。

専門的な対応が必要になる改善

次のような作業は、設定を誤ると表示が崩れたり、問い合わせフォームが動かなくなったりします。自信がなければ無理に触らないほうが安全です。

• キャッシュや配信（CDN）の設定 — 効果は大きい一方、設定を誤ると「更新したのに古い内容が表示され続ける」といった状態になります。
• JavaScriptやCSSの読み込み順の調整 — 効かせ方を間違えると、レイアウトが一瞬崩れたり、動きのある部分が止まったりします。
• テーマ・テンプレート自体の改修 — 元が重い作りの場合、根本的にはここを直さないと数字が伸びません。
• データベースの整理 — 記事や商品が数千件あるサイトで、表示に時間がかかっている場合に効きます。

サーバーの乗り換えを考える目安

次のような状態であれば、サーバー側が足を引っ張っている可能性があります。

• 画像もプラグインも整理したのに、体感が変わらない
• 時間帯によって極端に遅くなる、たまに表示されないことがある
• 10年近く同じプランのまま使っていて、PHPなどの動作環境が古い

移設は費用も手間もかかるため最後の選択肢になりますが、古いサーバーのまま小手先の調整を重ねるより、結果的に安く済むこともあります。ただし移設にはドメインやメールの設定の引き継ぎが伴いますので、その辺りまでまとめて任せられる相手に依頼してください。

速度改善で気をつけたいこと

• 点数を追いすぎない — 満点を目指して機能や演出を削った結果、問い合わせにつながっていた要素まで消えてしまっては本末転倒です。
• 変更したら必ず表示を確認する — パソコン・スマホの両方でトップから問い合わせ完了まで一度通してみてください。速くはなったがフォームが送れない、という事故が一番困ります。
• 一度に複数を変えない — まとめて変えると、何が効いたのか、どこで不具合が出たのかが分からなくなります。

改善を依頼した場合の費用の目安

あくまで一般的な目安ですが、作業内容によっておおよそ次のような幅になります。

どこが原因かによって金額が大きく変わる作業ですので、いきなり見積もりを取るより、まず調査から始めるのが確実です。blancの具体的な料金は料金ページもあわせてご覧ください。

まとめ

表示が遅いときに押さえておきたいポイントは、次の3つです。

• 体感で判断せず、まずPageSpeed Insightsと実機で「何秒かかるか」を数字にする
• 原因の多くは画像・プラグイン・サーバーのどれか。画像の軽量化は自分でもでき、効果も出やすい
• キャッシュ設定やテンプレートの改修は失敗すると表示が崩れるため、不安があれば触らずに相談する

blancのホームページ修正・更新サービスでは、表示速度の現状調査から、画像の軽量化・不要なプラグインの整理・サーバーの見直しまで対応しています。他社が制作したサイトのご相談も承っていますので、「遅い気がするけれど、何が原因か分からない」という段階でも、サイトのURLだけお知らせください。相談・現状調査・お見積りは無料です。