サイトの表示速度がマーケティングの問題である理由

最高の広告、最も魅力的なオファー、ぴったりのターゲット。それがそろっていても、たどり着いたページの表示に時間がかかりすぎれば、多くの人はオファーを目にする前に離れてしまいます。

表示速度は技術的な細部に思えるかもしれませんが、すでに費用をかけているマーケティングからより多くの成果を引き出す、最も安上がりな方法のひとつです。引き留めた訪問者は、もう一度お金をかけて集める必要がないからです。ここでは、調査からわかること、自社サイトの測定方法、そして最も大きな違いを生む改善策を紹介します。

調査からわかること

最もよく引用される調査「Milliseconds Make Millions」は、Googleの委託によりDeloitteと55が実施したものです。欧米の37ブランド、3,000万以上のセッションを追跡した結果、モバイルの読み込み時間が0.1秒改善すると、小売のコンバージョン率は8.4%、旅行のコンバージョン率は10.1%向上しました。小売の買い物客の支出額も9.2%増えました。

Portentが20のウェブサイト、1億以上のページビューを分析したところ、1秒で表示されるBtoBサイトは、5秒かかるサイトの3倍、10秒かかるサイトの5倍のコンバージョン率でした。ネットショップでは、1秒で表示されるページのコンバージョン率は、5秒かかるページの2.5倍でした。

個々の企業からも同じ傾向が報告されています。Googleはその結果をweb.devにまとめています。

遅いページが広告費を押し上げる理由

表示速度は、集客にかかる費用にも、そこから得られる成果にも影響します。Google広告では、キーワードごとに品質スコアが付けられます。品質スコアは、推定クリック率、広告の関連性、ランディングページの利便性の3つの要素で構成されます。ランディングページの利便性とは、Googleによれば、広告をクリックした人にとってランディングページがどれだけ関連性が高く役立つかを示すものです。遅くてストレスのたまるページはこのスコアを引き下げ、クリック単価の上昇や広告掲載順位の低下につながることがあります。

SNSでは、損失はさらに単純です。広告をクリックして待たされた人の多くは、ページにたどり着くことすらありません。それでもクリック料金はかかります。メールも同じです。遅いページにリンクしたニュースレターは、読者の関心が最も高まった瞬間に読者を失います。だからこそ私たちは、ランディングページの表示速度を、後回しにするIT作業ではなく、キャンペーンの一部として扱っています。

重要な3つの数値

Googleは、実際の利用環境でのページエクスペリエンスを3つのCore Web Vitalsで測定します。実際の訪問の75%以上で3つすべてが「良好」であれば、そのページは合格です。

基準は思ったほど高くありませんが、ほとんどのウェブサイトが満たせていません。HTTP Archiveの「Web Almanac 2025」によると、3つすべてに合格しているウェブサイトは、モバイルで48%、デスクトップで56%にすぎません。最も多い不合格の原因は読み込み速度で、モバイルでLCPが良好なサイトはわずか62%です。

10分でできるサイトのチェック方法

まずは無料ツールから始め、そのあとお客様と同じ条件でテストしましょう。

ラボテストは低速回線の標準的なスマートフォンをシミュレートするため、実行のたびにスコアが変わることがあります。Googleがページエクスペリエンスの評価に使うのは、過去28日間に実際のChromeユーザーから収集されたフィールドデータです。そのうえで、最も正直なテストをしましょう。モバイルデータ通信の標準的なスマートフォンで、自社サイトを開いてみるのです。

サイトが遅くなる主な原因

• 巨大な画像。カメラやストックフォトサービスからそのまま使った4 MBの写真は、私たちが最もよく目にする問題のひとつです。最新の画像形式が役立ちます。Googleによると、WebP画像は同等のJPEGより通常25〜34%小さく、AVIFはさらに小さくなることがよくあります。
• サードパーティのスクリプト。チャットウィジェット、ポップアップ、ヒートマップ、SNSのフィード、複数の計測タグは、どれもページを重くし、スマートフォンの処理能力を奪い合います。
• 重いテーマやページビルダー。使っていない機能のコードまで読み込んでしまいます。
• 外部サーバーから多数のウェイトを読み込むWebフォント。
• キャッシュのない遅いホスティング。ほかのすべてを遅らせます。
• 早すぎるタイミングで始まるアニメーション。装飾的な動きでも、標準的なスマートフォンではページの表示を遅らせることがあります。コンテンツの読み込みが終わってから開始しましょう。

効果の大きい順に並べた改善策

1. 画像をリサイズして圧縮する。WebPやAVIFで配信し、srcsetを使ってスマートフォンには小さいファイルを届け、すべての画像に幅と高さを指定してレイアウトがずれないようにします。
2. 不要なスクリプトを削除する。プラグインやタグの一つひとつについて、本当に必要かを確認しましょう。残すものはメインコンテンツのあとに読み込み、法律で求められる場合は同意を得てから読み込みます。
3. メイン画像を優先する。ヒーロー画像にはfetchpriority="high"を指定し、ページ下部の画像や動画は遅延読み込みにします。
4. フォントは自社サーバーでホストし、使うウェイトだけを読み込みます。
5. キャッシュとCDNを有効にする。再訪問者や遠方の訪問者にも、より速くページを届けられます。
6. 次のページを一瞬で開く。ChromeのSpeculation Rulesを使えば、リンクにカーソルを合わせたときに次のページを準備できます。また、ページをバックフォワードキャッシュの対象に保つことで、「戻る」ボタンが一瞬で反応します。
7. シンプルなマーケティングサイトなら、静的サイトを検討する。データベースやプラグインがないため、ページをほぼ瞬時に配信できます。

次のキャンペーンのための表示速度チェックリスト

キャンペーンで有料の集客をページに送る前に、次の項目をチェックしましょう。所要時間は約15分。広告予算を一つ残らず守るためのチェックです。

• PageSpeed Insightsでランディングページをモバイルでテストし、赤で表示された項目をすべて修正する。
• メイン画像が圧縮され、適切なサイズで、WebPまたはAVIF形式になっているか確認する。
• スマートフォンで、内容を読む前から画面を覆うポップアップを削除する。
• フォームや購入手続きがすばやく読み込まれ、スマートフォンで動作するか確認し、自分宛てにテストの問い合わせを送る。
• オフィスの外で、4G回線の標準的なAndroidスマートフォンを使ってページを開く。
• 計測と同意管理が機能しているか確認し、どのクリックが顧客につながったかを把握できるようにする。

表示速度はブランドの一部

人は、ウェブサイトの使い心地でその企業を判断します。瞬時に表示され、すぐに反応するページは、自信と信頼を感じさせます。もたつくページは、ほかにも遅いところがあるのではと思わせます。だからこそ私たちは最初のスケッチの段階から表示速度を計画に入れ、このサイトもプラグインのない、高速でシンプルなファイルで構築しています。あなたのサイトに改善が必要なら、私たちのウェブサイト・ランディングページ制作サービスがお手伝いします。

よくある質問