Insightsの真実。点数の公式と高得点をとれない理由。5項目の最適化をすることがスコアアップの近道。Insightsの真実。点数の公式と高得点をとれない理由。5項目の最適化をすることがスコアアップの近道。Insightsの真実。点数の公式と高得点をとれない理由。5項目の最適化をすることがスコアアップの近道。Insightsについて、なんとなくこんなイメージを持っていないでしょうか。点数はブラックボックスになっている。レポートに表示される改善提案をコツコツ解決すると点数は100点に近づく。Insightsについてソースコードやデータを徹底検証してわかった、こんな裏側を紹介します。点数には公式があります。技術点の減点方式ではありません。改善提案を解決しても点数が上がるとは限りません。JavaScriptが重いページは致命的です。パフォーマンス改善のヒントになれば何よりです。Insightsが表示する点数とは、対数正規分布とみなすいくつかパフォーマンス指標の累積分布の補数の加重平均です(難しい!)できるだけ数式を使わず説明してみます。点数とはざっくり言うと表示スピードの順位です。実際に世界中のページの速度を調べるわけにはいかないので、統計的に順位を推定します。表示スピードに関する指標を、100人の競争に例えて1位相当なら100点、2位相当なら99点...ビリなら0点を割り当てるのが基本的な考え方です(100〜0なので正確には101人ですが)。そのサイトなりに頑張った努力点というものはありません。確実に順位を上げないと点数は上がりません。この計算方法はあとでまた出てくるので、順位点数と呼ぶことにします。Insightsを実行するといろいろな指標や改善提案が出てきます。全部で33個の監査項目があります(2019年4月現在)。実は点数に直接関係するのはそのうちの5項目だけです。残り28項目は言ってみればただのアドバイスです。点数に直接関係する5項目に影響する内容が多いので、改善するとスコアが上がることが多いのですが、上がらないこともあります(脚注※1)。この裏付けについてはQiitaに記事を書きました。興味のある方はご参考ください。fmp指標についてはこちらの記事がわかりやすいのでぜひご参考ください。これらの指標それぞれについて先ほどの順位点数を出します(0〜100)。Insightsで表示される点数です。Inshgtsの点数はいかにファーストビューが速く完成して操作できるようになるか、それが全てということです。InsightsはAの場合を高く評価し、Bの点数は低く評価します。これは実際のページ離脱の感覚として理に適っていると思います。点数が上がらない最大の理由はJavaScriptWebページ表示の初期段階で最も時間を消費するのが、実はJavaScriptとCSSの読み込みです(レンダリングブロックリソース)。JavaScriptが要注意です。この検証についても詳しくはQiitaに書きました。Insightsの点数の関係です。JavaScriptのデータが大きなページほど、高い点数を取れていないことを示しています。外部の(インラインではない)JavaScriptが大きいページは、まずそれに対処しないと何をやっても焼け石に水です。head要素内ではなくbody要素の末尾に移動する遅延してよいscript要素にはasync属性を付けて非同期に読み込ませる使われていないJavaScriptを削除するトラッキングタグを見直す使われていない機能を断捨離するJavaScriptの多いページでは、まずは転送量ベースで500KBに抑えることを一つの目安にしてみましょう。ファーストビューの画像は忘れず軽量化を多くのサイトがファーストビューで大きな画像を見せるデザインを採用しています。Insightsの点数は悪化します。全部軽量化するのが大変でも、ファーストビューに位置する画像は必ずサイズを最小化しましょう。弊社ではLightFileという画像軽量化の自動化サービスを提供しています。Insightsの点数が低い傾向があります。通信経路が渋滞して必要なリソースの到着が遅れるからではないかと推測します(未検証につきあくまで憶測です)。この場合は、スクロールしないと見えない領域の画像を遅延ロードすることで大きな改善が期待できます(実体験としても)。これまでJavaScriptで行われてきた画像の遅延読み込みですが、Chromeがブラウザの機能として提供するかもしれません。Insightsの点数は、とてもシビアな短距離走の世界でした。しても新しい試みや設定の追加など「足し算」に頼ってしまいがちですが、点数の改善には無駄なものをそぎ落とす「引き算」の方が重要です。この記事は点数にフォーカスしたため書き方が極端ですが、すべてユーザーにとって有益なアドバイスであることは言うまでもありません。Index(Lighthouse)においては時間単位に換算されているようです(Speedlineの仕様?)。フォームよりお気軽にお寄せください。Insightsのスコアを上げたい。Insightsのスコアの目標を設定したい。Insightsの採点ロジックを知りたい。Vitalsで計測した表示速度とコンバージョン率の密接な関係。InsightsとLighthouse。Ranklet19MTプラグイン4事例紹介6調査レポート4技術系小ネタ8広報24イベント・セミナー14月別アーカイブ2024年9月22024年8月12023年3月12022年8月12022年5月12022年4月12021年6月22021年5月12021年4月12021年2月22020年12月22020年10月22020年9月12020年8月12020年7月32020年6月42020年5月32020年4月12020年3月22020年1月12019年11月22019年10月42019年9月12019年8月22019年7月22019年6月12019年5月22019年4月62019年3月102019年2月152019年1月52018年12月72018年11月72018年10月132018年9月122018年8月212018年7月162018年6月192018年5月152018年4月142018年3月102018年2月132018年1月92017年12月92017年11月142017年10月32017年8月52017年7月1運営会社についてアイデアマンズ株式会社は、ムダが少なく快適なインターネットの実現により持続可能な社会への貢献を目指す企業です。