スマートフォンやタブレットなどモバイル端末の普及に伴い、モバイル端末でウェブサイトを閲覧するユーザーの割合が増加していることを受けて、Googleがウェブサイト制作者向けに「ウェブサイトがどのくらいモバイルフレンドリーか」を測定できるサービス「Mobile Website Speed Testing Tool」を公開しています。
Mobile Website Speed Testing Tool - Google
https://testmysite.thinkwithgoogle.com/
Mobile Website Speed Testing Toolは、Googleの既存のサービス「PageSpeed Insights」を使い、スコアをより分かりやすく表示したもの。ウェブサイトを分析するには、URLを入力して「TEST NOW」をクリックするだけです。今回はYahoo! JAPANのスコアを調べてみます。
URLを入力するとサイトの分析が始まり……
しばらく待っていると分析結果が表示されます。「MOBILE FRIENDLINESS(モバイルサイトのユーザーエクスペリエンス)」「MOBILE SPEED(モバイルサイトの表示速度)」「DESKTOP SPEED（デスクトップサイトの表示速度）」の3つの分析結果が100点満点で表示され、スコアは「GOOD(良い)」が緑、「FAIR(普通)」が黄色、「POOR(劣る)」が赤の3色に分かれているので、直感的にスコアを理解しやすくなっています。
それぞれの分析結果について詳しく見たり、スコアを上げるための修正点を確認したりするには、ページ下部へスクロールして「VIEW THE DETAILS」をクリック。
Yahoo! JAPANのモバイルサイトのユーザーエクスペリエンスは、100点中99点とかなりの高スコア。「コンテンツを隠すアプリインストールインタースティシャルを使用しない」「プラグインを使用しない」「viewportの設定」「コンテンツのサイズを表示域に合わせる」「判読可能なフォントサイズの使用」の5項目に合格しています。修正点は、「タップ先のリンクやボタンのサイズを適切に調整するべき」とのこと。
モバイルサイトは3秒以内に読み込みが終わらない場合、半数のユーザーがページを離脱してしまうとのこと。Yahoo! JAPANのモバイルサイトの表示速度は、100点中57点で「POOR」との分析結果が出ています。
表示速度を上げるための修正点は、「ファーストビュー内のレンダリングをブロックしているJavaScriptとCSSを削除」「リンク先ページのリダイレクトを使用しない」「ブラウザのキャッシュを活用」の3点。また、「画像を最適化」の修正も考慮すべきとのこと。「圧縮を有効にする」「サーバーの応答時間を短縮する」「CSSを縮小する」「HTMLを縮小する」「JavaScriptを縮小する」「表示可能コンテンツの優先順位を決定する」の6点には合格しています。
一方、デスクトップサイトの表示速度は100点中80点でした。
「リンク先ページのリダイレクトを使用しない」「圧縮を有効にする」「サーバーの応答時間を短縮する」「CSSを縮小する」「HTMLを縮小する」「JavaScriptを縮小する」「表示可能コンテンツの優先順位を決定する」の7点に合格していて、さらにスコアを上げるには、「ブラウザのキャッシュを活用する」「ファーストビュー内のレンダリングをブロックしているJavaScriptとCSSを削除」「画像を最適化する」の3点を修正するべきとのこと。
サイトの分析結果は、詳細をメールで受け取ることも可能です。「GET MY FREE REPORT」をクリック。
「Yes」にチェックを入れて、メールアドレスを入力し、「SUBMIT」をクリック。
すると、サイトの分析と改善の提案が記載されたレポートを24時間以内に受け取ることが可能です。