実際のユーザーのモバイル エクスペリエンスが遅いと、ユーザーが探しているものを見つけたり、ニュース メディアで今後購入したりする可能性は大幅に下がります。多くのサイトでは、モバイルページの読み込みに3 秒以上かかると訪問の半分以上が放棄されると、大きな機会を逃すことになります。
先週、Google 検索と Google 広告のチームは、ウェブのユーザー エクスペリエンスを向上させるため、速度に関する 2 つの新しい取り組みを発表しました。どちらの取り組みでも、サイト所有者とデベロッパーの皆様には、ユーザー中心のパフォーマンス指標を重視し、Lighthouse、PageSpeed Insights などのツール、および実際のフィールド データ（Chrome ユーザー エクスペリエンス レポートなど）を使用してユーザー エクスペリエンスを診断、改善することをおすすめします。
今やスピードはモバイル検索のランキング要素に
ユーザーは質問に対する答えをすぐに見つけることを望んでいます。データを見ると、ユーザーはページの読み込み速度を非常に気にかけていることがわかります。検索チームは、2010 年にはパソコンでの検索のランキング シグナルになると発表しました。今月（2018 年 7 月）の時点で、ページスピードはモバイル検索のランキング要因になると発表されました。
サイトの開発者の方は、ぜひスピードツールを使用してパフォーマンスを評価してください。パフォーマンスがページのユーザー エクスペリエンスにどのように影響するかを考え、現実世界のさまざまなユーザー中心のパフォーマンス指標を測定することを検討してください。
配信する JavaScript が多すぎる場合は、画像が多すぎる場合は、HTTP Archive と Chrome ユーザー エクスペリエンス レポートのデータに基づき、ページのデータ量に最も影響するのは画像と JavaScript です。Chrome ユーザー エクスペリエンス レポートは、実際の状況で Chrome ユーザーが経験する主要な UX 指標の公開データセットです。
パフォーマンスを評価するには、以下を確認します。
- PageSpeed Insights: サイトのスピード フィールド データと、それを改善するための一般的な最適化のヒントを表示するオンライン ツールです。
- Lighthouse: パフォーマンス、ユーザー補助、PWA、SEO、その他のベスト プラクティスなど、ウェブサイトを改善する方法についてパーソナライズされたアドバイスを提供するラボツール。
広告のランディング ページのモバイル速度スコア
広告とスピードは密接に関連しており、ランディング ページの読み込み速度が速いことで費用対効果が向上します。先週の Google Marketing Live で、Google 広告チームは新しいモバイル速度スコアを発表しました。
1 ～ 10 のモバイル速度スコア（10 が最速）は、実際のユーザー エクスペリエンス データに基づき、ページ速度と潜在的なコンバージョン率の関係など、多くの要因を考慮しています。このスコアにより、モバイルのどのランディング ページが高速なモバイル エクスペリエンスを提供し、どのランディング ページがなんらかの作業を必要とするかを簡単に確認できます。
また、並行トラッキングも実装する必要があります。並行トラッキングは、まもなく（2018 年 10 月 30 日）すべての Google 広告アカウントで必須になります。この改善により、ランディング ページの読み込み速度が上がり、サイトにアクセスできなくなる回数を減らすことができます。並行トラッキングでは、ユーザーを広告から最終ページ URL に直接誘導し、ブラウザの navigator.sendBeacon() メソッドを使用してバックグラウンドでクリック測定を行います。
スピードについて検討し、優先順位を付ける際に役立つよう、Google は、同業他社とモバイルサイトの速度を比較できるスピード スコアカードや、投資の収益効果を見積もるためのツールである収益向上の算定ツールなどのツールを用意しました。
次のステップ: 測定、最適化、モニタリング、反復
最適化されたウェブ エクスペリエンスは、ユーザー エンゲージメント、コンバージョン、費用対効果の向上につながります。パフォーマンスは機能であり、競争上の優位性となります。
使用するツールや指標に関するツールやヒントをお探しの場合や、パフォーマンスを評価してビジネスケースを作成する方法をお探しの場合は、実践的な概要については、速度ツールの考え方ガイドをご覧ください。
使用するツールや指標に関するツールやヒントをお探しの場合や、パフォーマンスを評価してビジネスケースを作成する方法をお探しの場合は、確認
ハンズオンの概要については、スピードツールの考え方ガイドをご覧ください。また、ページ用のデフォルトで設定される高速なフレームワークをお探しの場合は、AMP をご参照ください。