【SEO】サイトスピード改善の為のスピード測定ツール3つ【まとめ】
サイトの速度改善に役立つスピード測定ツール3つを紹介。
ウェブのパフォーマンス改善にはスピード測定ツールが必要不可欠、GoogleのイチオシはLighthouse
ウェブページでは、次の 3 つを指標にするといい。
First Contentful Paint (FCP): 意味のあるコンテンツの初回ペイント――ページの主要なコンテンツが可視化されるまでにかかった時間
Time to Interactive(TTI) : インタラクティブになるまでの時間――ページが完全にインタラクティブになるまでの時間
First Input Delay (FID): 入力の推定待ち時間――ユーザーの入力に対して応答するまでの時間
Lighthouse: FCP, TTI を計測可能
PageSpeed Insights: FCP, TTI, FID を計測可能
Chrome User Experience Report: FCP, FID を計測可能
Webperf API: FCP, FID を計測可能
ウェブのパフォーマンス改善にはスピード測定ツールが必要不可欠、GoogleのイチオシはLighthouse
よく考えたらこれが無料ってなかなかすごい気がする。 https://t.co/YywDPUWqhO— 木村賢(Satoshi Kimura) (@kimuyan) 2018年11月28日
Lighthouse
Lighthouse はオープンソースの自動化されたツールでウェブアプリの品質向上に役立ちます。 このツールは Chrome 拡張機能として実行するか、コマンドラインから実行できます。 Lighthouse に監査したい URL を指定して実行すると、ページに対する集中的なテストを実行してパフォーマンスに関するレポートを生成できます。 今後は弱点を検出するテストを利用して、アプリの品質改善の指針を得られるようになります。注: Lighthouse は現在、ホーム画面への追加やオフライン サポートをはじめとする Progressive Web App 機能に重点をおいています。また一方で、このプロジェクトの包括的な目標は、ウェブアプリ品質のあらゆる側面を網羅した、エンドツーエンドの監査を提供することです。( Lighthouse より)
PageSpeed Insights
PageSpeed Insights では、モバイル端末やパソコン向けのページの実際のパフォーマンスに関するレポートと、そうしたページの改善方法を確認できます。速度スコア
PageSpeed Insights では Chrome ユーザー エクスペリエンス レポート(CrUX)のデータを組み入れて、ページに関する実際のパフォーマンス データを表示します。PSI レポートで確認できる指標は First Contentful Paint(FCP)と DOMContentLoaded(DCL)の 2 つです。各指標(FCP または DCL)の中央値が、CrUX レポートでモニタリングされる全ページと比較されます。分布内での位置に応じて、各指標には次のようにカテゴリが割り当てられます。速い: 指標の中央値は、すべてのページの読み込みのなかで上位の 1/3 に含まれています。
遅い: 指標の中央値は、すべてのページの読み込みのなかで下位の 1/3 に含まれています。
平均: 指標の中央値は、すべてのページの読み込みのなかで中間の 1/3 に含まれています。
全体の速度スコアは、各指標に割り当てられたカテゴリに基づいて評価されます。
速い: ページのすべての指標が「速い」に分類されている場合。
遅い: ページの指標のいずれかが「遅い」に分類されている場合。
平均: 上記以外の場合。
( PageSpeed Insights より)
Chrome User Experience Report
■Chrome User Experience Report
【Google翻訳】
Chromeユーザーエクスペリエンスレポートは、実際のChromeユーザーがウェブ上で人気のある目的地をどのように経験しているかに関するユーザーエクスペリエンスの指標を提供します。
SEOコンサルタントの感想
新しい「PageSpeed Insithts」には Lighthouseが使われています。
「PageSpeed Insithts」でサイトを分析して、「PageSpeed Insithts」に書いてある改善を行うのが良いと思います。
SEOセミナー情報
【SEO対策に悩むライター必見!】SEOプロ講師から学ぶWeb集客率アップの戦略!
2018/12/19 (水)
会場
Aishare 株式会社
チケット
受講料 ¥3,000
マンガボックスインディーズ
「ウェブマブ!」 第5話(9-10P)「面白いマンガとは?」
「ウェブマブ!」6話(11P)「対策キーワードは?」
LINEマンガインディーズ
「ウェブマブ!」TOP
「ウェブマブ!」 第5話(9-10P)「面白いマンガとは?」
「ウェブマブ!」6話(11P)「対策キーワードは?」
少年ジャンプルーキー
「ウェブマブ!」TOP
「ウェブマブ!」 第5話(9-10P)「面白いマンガとは?」
「ウェブマブ!」6話(11P)「対策キーワードは?」
SEO情報アンテナ