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