Skip to content
概要 ブログ 学習する 探検 パターン Case studies
このページ内
  • パフォーマンスとは、ユーザーを手放さないこと
  • パフォーマンスとは、コンバージョンを改善すること
  • パフォーマンスで肝心なのは、ユーザーエクスペリエンス
  • パフォーマンスとは、ユーザーを考慮すること
  • ウェブサイトのスピード改善に着手する

スピードが重要な理由とは?

May 1, 2019 — 更新済み Jul 23, 2020
Available in: English、Español、Português、Русский、中文、한국어
Appears in: 読み込み時間の高速化
Bojan Pavic
Bojan Pavic
GitHub
Chris Anstey
Chris Anstey
GitHub
Jeremy Wagner
Jeremy Wagner
TwitterGitHubHomepage
このページ内
  • パフォーマンスとは、ユーザーを手放さないこと
  • パフォーマンスとは、コンバージョンを改善すること
  • パフォーマンスで肝心なのは、ユーザーエクスペリエンス
  • パフォーマンスとは、ユーザーを考慮すること
  • ウェブサイトのスピード改善に着手する

消費者は、ますますモバイルに依存し、デジタルコンテンツやサービスにアクセスするようになっています。サイト分析を見れば、自分のデータもその傾向を物語っているかもしれません。消費者の要求は、これまで以上に厳しく、サイトの使用経験を評価する際は、競合他社と比較するだけでなく、日々使用するベスト・イン・クラスのサービスに対しても評価しているのです。

この記事では、パフォーマンスとビジネスの成功の関係について行われた調査を一部まとめて紹介していきます。

パフォーマンスとは、ユーザーを手放さないこと #

パフォーマンスは会社の収益に直接影響を及ぼしました。

Pinterest

パフォーマンスは、オンラインベンチャー企業が成功を目指すに際し、大きな役割を果たします。パフォーマンスの高いサイトは、パフォーマンスの低いサイトよりも、ユーザーを惹きつけ、保持することに長けています。

Pinterestは、知覚される待ち時間を40%削減し、検索エンジンのトラフィックと登録数を15%増加させました。

COOKは、ページ読み込みの平均時間を850ミリ秒短縮し、コンバージョンを7%増加させ、バウンス率を7%減少させ、セッションあたりのページ数を10%増加させました。

また、いくつかの調査では、パフォーマンスの悪さがビジネス目標に悪影響を与える可能性が示唆されています。たとえば、BBCは、サイトの読み込みにかかる時間が1秒増えるだけで、サイトを去るユーザーの数が10%増加していることを発見しました。

パフォーマンスとは、コンバージョンを改善すること #

ユーザーを保持することは、コンバージョンを改善する上で重要です。遅いサイトでは収益が打撃を受け、速いサイトではコンバージョン率が増加することが分かっています。

Mobifyの場合、ホームページの読み込み速度が100ミリ秒短縮されるごとに、セッションベースのコンバージョンが1.11%増加し、年間の平均収益は38万ドル近くも増加しました。さらに、チェックアウトページの読み込み速度が100ミリ秒短縮されると、セッションベースのコンバージョンが1.55%増加し、その結果、年間の平均収益は53万ドル近くも増加しました。

AutoAnythingがページの読み込み時間を半減させたとき、売り上げは12%から13%に上昇しました。

小売業者のFurniture Villageは、サイトの速度について監査を実施し、発見した問題に対処するための計画を立てました。これにより、ページの読み込み時間が20%短縮され、コンバージョン率が10%増加しました。

パフォーマンスで肝心なのは、ユーザーエクスペリエンス #

ユーザーエクスペリエンスで肝心なのは、スピードです。ある消費者調査では、モバイルデバイスの遅さが引き起こす遅延に対するストレス反応が、ホラー映画を見たり、数学の問題を解いたりする場合と似たようなレベルであり、店で支払いをする際に列に並んで待つときよりも高いことが分かっています。

サイトの読み込みが始まると、ユーザーは、コンテンツが表示されるのを待つことになります。コンテンツが表示されるまでは、これと言って何のユーザーエクスペリエンスもありません。エクスペリエンスの無いこの時間は、高速接続の場合はほんの一瞬だけですが、接続速度が遅いと、ユーザーは待機することを余儀なくされます。ページのリソースが少しずつ読み込まれるにつれ、さらなる問題が発生する可能性があります。

ページの読み込みを示した2つのフィルムストリップのリールの比較。1つ目は低速接続でのページ読み込みを示し、2つ目は高速接続でのページ読み込みを示している。
非常に遅い接続(上)と速い接続(下)でのページ読み込みの比較。

パフォーマンスは、優れたユーザーエクスペリエンスの基本的な要素です。サイトに大量のコードがデプロイされていると、ブラウザはコードをダウンロードするためにユーザーのデータプランからメガバイトに相当するデータ量を使用しなくてはいけなくなります。モバイルデバイスのCPUパワーとメモリは限られています。私たちにとっては少量の最適化されていないコードでも、これらのデバイスを圧倒してしまうことがしばしばあります。これによりパフォーマンスが低下し、サイトは応答しなくなります。人間の一般的な行動を考えると、パフォーマンスの悪いアプリはすぐに破棄されてしまうでしょう。

パフォーマンスとは、ユーザーを考慮すること #

パフォーマンスの悪いサイトやアプリケーションは、ユーザーがより高いコストを支払う原因となる可能性があります。

モバイルユーザーは引き続き世界中のインターネットユーザーの大部分を占めていることもあり、こうしたユーザーの多くがモバイルLTE、4G、3G、さらには2Gネットワークを使ってウェブにアクセスしていることを覚えておくことは重要です。CalibreのBenSchwarz氏がこの実社会におけるパフォーマンス調査で指摘するように、プリペイドデータプランのコストは減少しており、かつてはインターネットへのアクセスが高くついていた場所からでも、安価にアクセスできるようになっています。モバイルデバイスとインターネットアクセスはもはや贅沢ではありません。これらは、ますます複雑につながり合う世界で生活し、機能していくための一般的なツールと化しています。

ページの合計サイズは少なくとも2011年以降着実に増加しており、その傾向はどうやら続いているようです。通常のページがより多くのデータを送信するため、ユーザーは課金制のデータプランをより頻繁に補充する必要があり、それには、もちろん、コストがかかります。

ユーザーのお金を節約することに加え、高速で軽量なユーザーエクスペリエンスは、危機に直面しているユーザーにとっても重要であることがわかります。病院、診療所、危機管理センターなどの公共リソースには、危機の際に必要な重要かつ具体的な情報をユーザーに提供するオンラインリソースがあります。ストレスの多い状況で重要な情報を効率的に提示するには設計が極めて重要ですが、この情報を迅速に提供することの重要性は軽視できません。それは私たちの仕事の一部です。

ウェブサイトのスピード改善に着手する #

Googleがすべてのウェブサイトで重視すべきだと信じる評価基準をCore Web Vitalsに記載していますので、ぜひ一読してください。

本日、この作業に基づいて、これらのページエクスペリエンス指標を組み込んだ今後の検索ランキングの変更を早期に確認します。Core Web Vitalsと既存のページエクスペリエンスのシグナルを組み合わせた新しいシグナルを導入し、ウェブページでのユーザーエクスペリエンスの品質に関する全体像を提供します。

Evaluating page experience for a better web (より快適なウェブを目指したページ体験の評価)、公式Googleウェブマスターセントラルブログ

次は、スピードをアップさせて維持するためのヒントやコツを数多く紹介したFast load timesをお読みください。

パフォーマンス
最終更新: Jul 23, 2020 — 記事を改善する
Return to all articles
共有する
サブスクライブする

Contribute

  • バグを報告する
  • ソースを表示する

関連性のあるコンテンツ

  • developer.chrome.com
  • Chrome のアップデート
  • ケーススタディ
  • ポッドキャスト
  • ショー

接続する

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • すべての製品
  • 利用規約とプライバシーポリシー
  • コミュニティガイドライン

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.