Webサイト表示速度テスト

Webサイトの表示速度はどのくらいですか? 実際のブラウザーで最大3地点から同時に測定し、訪問者が見た画面を瞬間ごとに確認して、自分のサイトの構成に合った改善策を受け取れます。

Lighthouse 13 · Chrome · 9地点 · 3回の中央値 · 無料、登録不要
テストは毎回新しく実行されます。新しいブラウザー、空のキャッシュで、以前のテストのものは何も再利用しません。9地点
訪問者が見たもの 最初のバイトから完全読み込みまで
リクエストドキュメントスクリプトCSS画像フォントFetchメディアその他長いタスクレイアウトシフト
タイムラインが読み込みを再現しますテスト後
数百ミリ秒ごとの画面、種類別のすべてのリクエスト、タップを妨げる処理、すべてのレイアウトシフトを1本のタイムラインに並べます。任意の時点をクリックすると、いつ起きたか、何を待っていたか、各部分にどれだけかかったかを説明します。
Webサイト表示速度テストの結果:評価、6つの指標、ページの読み込み中に訪問者が見たもののタイムラインWebサイト表示速度テストの結果:評価、6つの指標、ページの読み込み中に訪問者が見たもののタイムラインあらゆるページドメインまたは完全なURL。最大3地点、モバイル、デスクトップ、または両方。評価中央値の回のLighthouseスコアをA〜Fの文字で示し、各回を0〜100の目盛りに並べます。訪問者が見たもの画面、すべてのリクエスト、長いタスク、シフトを1本のタイムラインに。任意の時点をクリックできます。テスト条件地点、デバイス、ネットワーク、CPU、ChromeとLighthouseのバージョンをすべてのレポートに記載。
結果の例です。3回の中央値による評価、各指標の減点を示す6つの指標、読み込みを再現するタイムライン。

Webサイトの表示速度テストはどのように行われますか?

選んだ地点のテストサーバーが新しいChromeでページを3回開き、画面、すべてのリクエスト、メインスレッドなど、すべてを記録します。Lighthouseが各回の読み込みをスコアにし、3回の中央値が評価になります。

ブラウザーを必要としない部分が先に届きます。11地点からのサーバー応答時間、Chrome UX Reportの実ユーザーのデータ、サイトの技術スタックです。すべての地点が実行を終えると評価が出て、その直後に改善策が届きます。

  1. 1安全性ページを開く前に、Cloudflareのマルウェア・アダルトのリストを確認
  2. 2サーバー応答時間11地点からDNS、接続、TLS、最初のバイトを計測。ブラウザーなし
  3. 3実ユーザーページまたはサイトの、Chrome UX Reportの28日間のデータ
  4. 4技術スタック当サイト独自のエンジンで調べたCMS、フレームワーク、ホスティング、CDN
  5. 5実行地点ごとにLighthouseを3回実行し、終わるたびに配信
  6. 6評価中央値の回のスコアをA〜Fの文字で示し、各指標の減点も表示
  7. 7改善策この技術スタック向けに作成し、各ファイルと数値をテストと照合
1回のテストの各部分を、ページに届く順に示しています。

LCP、CLS、TBT、FCP、Speed Index、TTFBの意味は?

1本のタイムライン上の6つの数値です。TTFBはサーバーの最初のバイトが届いた時点、FCPは最初のテキストまたは画像が表示された時点、LCPは最初の画面で最大の要素が描画された時点、Speed Indexは画面がどれだけ速く埋まったかを示します。

TBTはメインスレッドが忙しくてタップに応答できなかった時間の合計で、CLSは読み込み中にページがどれだけずれたかを測ります。TTFBはスコアに影響しませんが、ほかの5つは影響します。

指標モバイルデスクトップ重み
FCPFirst Contentful Paint1.8 sまで緑3 s超で赤934 msまで緑1.6 s超で赤10%
LCPLargest Contentful Paint2.5 sまで緑4 s超で赤1.2 sまで緑2.4 s超で赤25%
TBTTotal Blocking Time200 msまで緑600 ms超で赤150 msまで緑350 ms超で赤30%
CLSCumulative Layout Shift0.10まで緑0.25超で赤0.10まで緑0.25超で赤25%
SISpeed Index3.4 sまで緑5.8 s超で赤1.3 sまで緑2.3 s超で赤10%
TTFBTime to First Byte800 msまで緑1.8 s超で赤スコア対象外
Lighthouse 13のしきい値:緑の線上の値は100点中90点、赤の線上の値は50点になります。

評価はどのように計算されますか?

評価は中央値の回のLighthouseパフォーマンススコアです。90以上(Googleの緑)がA、80以上がB、65以上がC、50以上がD、50未満がFです。各指標はそれぞれの曲線で採点されて重み付けされ、結果カードには各指標の減点が表示されます。

スコアは回ごとに変動するため3回実行し、3回すべてを0〜100の目盛りに表示します。1回だけの外れ値で評価が決まることはありません。読み込みが終わらないページは、代わりに1回または2回の実行となり、レポートにその旨を表示します。

重み
TBT 30%LCP 25%CLS 25%FCP 10%SI 10%
評価
F 0–49D 50–64C 65–79B 80–89A 90–100
各指標がスコアに占める重みと、各評価が始まるスコア。

PageSpeed InsightsやGTmetrixとスコアが違うのはなぜですか?

Lighthouseは同じでも、サーバー、場所、設定が違います。Google PageSpeedと同じの設定では、PageSpeed Insightsと同じプリセット(4G回線の低速なスマートフォン、またはケーブル回線のデスクトップのシミュレーション)を使い、当サイトのサーバーがGoogleと同じようにスコアを出すよう、CPUの減速率を較正しています。テストサーバーの減速率の較正が済むまでは、そのサーバーのレポートに暫定値であることが表示されます。

PageSpeed Insightsは選べない場所から1回だけ実行しますが、当サイトは選んだ地点から3回実行します。フルスピードの設定は、スロットリングなしで当サイトのサーバー自身の速度でページを読み込みます。GTmetrixの見方に近く、スコアは高めに出ます。

すべてのレポートにある2つの設定。Google PageSpeedと同じフルスピード
ネットワーク(モバイル)150 ms · 1.6 Mbps(シミュレーション)テストサーバー自身の回線
ネットワーク(デスクトップ)40 ms · 10 Mbps(シミュレーション)テストサーバー自身の回線
スマートフォンの画面Moto G Power, 412×823Moto G Power, 412×823
CPU減速(サーバーごとに較正)減速なし
実行回数3回、中央値3回、中央値
すべてのレポートにある2つの設定。

ラボデータとフィールドデータ:どちらが重要ですか?

ラボテストは、修正の後に繰り返せる1回の新規訪問です。毎回同じ地点、デバイス、ネットワークなので、変化はその日のうちに現れます。フィールドデータは、Chrome UX Reportにある実際のChromeユーザーの28日間の75パーセンタイルです。

GoogleのCore Web Vitalsの判定はフィールドデータに基づき、4週間の平均なので修正の直後には変わりません。修正の確認にはラボを、それが今後1か月で訪問者に届く様子の確認にはフィールドデータを使ってください。

ラボ(このテスト)

  • 1回の訪問、空のキャッシュ
  • 選んだ地点、デバイス、ネットワーク
  • 修正した瞬間に変わる
  • TBTがインタラクティブ性の代わり

フィールド(実ユーザー)

  • 統計を共有するすべてのChromeでの訪問
  • それぞれのスマートフォン、ネットワーク、キャッシュ
  • 28日間の75パーセンタイル
  • INPが実際の操作を測る
同じページ、2種類のデータ。

Webサイトを速くするには?

まずは減点の最も大きいものから取り組んでください。改善策は、測定で示された削減効果の大きい順に並んでいます。遅いサーバーや、CDNのない遠いサーバーはその後のすべてを遅らせます。レンダリングをブロックするファイルは最初の描画を、重いJavaScriptはタップへの応答を、遅いメイン画像はLCPを遅らせます。

広告、アクセス解析、他のサイトのスクリプトは通常は外せません。ページが使えるようになるまで遅延させるか、自分で配信してください。そのうえでもう一度測定すると、レポートが前後を比較し、前回の各改善策を修正済みか未対応かで示します。

検出結果修正する場所
サーバーの応答が遅いslow-serverサイトCDNサーバー
CDNなし:遠い地点は1台のサーバーを待つno-cdn-far-regionCDN
レンダリングをブロックするCSSとJavaScriptrender-blockingサイト
JavaScriptがメインスレッドを占有しているmain-thread-busyサイト
最大の描画が遅いlcp-slowサイトCDN
画面に必要な大きさより大きい画像image-deliveryサイトCDN
CDNが古いコピーを返したcdn-stale-copyCDN
よくある検出結果と、それぞれを修正する場所。

Webサイト表示速度テストについての質問

Webサイト表示速度テストは無料ですか?

はい。すべての機能が無料で、登録も不要です。最大3地点からの同時テスト、モバイルとデスクトップ、フィルムストリップと読み込みの再生、ウォーターフォール、実ユーザーのデータ、改善策まで使えます。1人の訪問者が開始できるテストは1分間に数回までで、1日のテスト時間は公平に分け合うため、誰でも無料で使い続けられます。

スコアが毎回違うのはなぜですか?

ページがまったく同じように読み込まれることはありません。サーバーの応答速度は毎回違い、広告は変わり、ネットワークも変動します。そのため地点ごとにLighthouseを3回実行して中央値の回で評価し、3回すべてのスコアを表示してばらつきがわかるようにしています(読み込みが終わらないページは、代わりに1回または2回の実行となり、レポートにその旨を表示します)。テストごとに数点の差が出るのは正常です。

結果をキャッシュしていますか?

新しいテストでは決してキャッシュしません。テストは毎回、空のプロファイルの新しいブラウザーで、キャッシュなし、新しいDNSで始まるため、直前の修正もすぐに反映されます。お使いのCDNがページの保存済みコピーを返した場合は、レポートにその旨とコピーの古さを表示します。実際の訪問者もそのコピーを受け取るためです。

どの地点からテストできますか?

ブラウザーでの完全なテストは、バージニア、オレゴン、サンパウロ、ロンドン、フランクフルト、ムンバイ、シンガポール、東京、シドニーの9つのAWSリージョンで実行でき、1回のテストで最大3地点を選べます。各地点ではテストサーバーが常に稼働しているので、テストはすぐに始まります。その地点で別のテストが実行中なら、順番を待ちます。サーバー応答時間は常に当サイトの11地点から計測します。

「Google PageSpeedと同じ」と「フルスピード」の違いは何ですか?

「Google PageSpeedと同じ」は、PageSpeed Insightsと同じプリセットを使います。CPUを減速させた低速な4G回線のスマートフォン、またはケーブル回線のデスクトップをシミュレーションするため、スコアをGoogleと比較できます。「フルスピード」は、スロットリングなしでテストサーバー自身の速度でページを読み込みます。高速な回線で得られる結果を示し、スコアは高めに出ます。

サイトにテストを拒否されたのはなぜですか?

一部のサイトは、自動化されたブラウザーをブロックするボット対策(DataDome、HUMAN、Cloudflareなど)を使っています。当サイトのテスト用ブラウザーはユーザーエージェントで自らを名乗るため、止められることがあります。レポートにはサイトが返したものを表示します。ご自身のサイトであれば、当サイトのユーザーエージェント、または次の回答にあるテストサーバーの固定アドレスを許可してください。

テストサーバーはどのIPアドレスを使っていますか?

ブラウザーでのテストはすべて、次の固定アドレスのいずれかから行います(9地点それぞれに1つ)。ファイアウォールやボット対策で許可できます:184.195.23.138 (バージニア), 54.201.75.231 (オレゴン), 54.21.28.0 (サンパウロ), 13.41.183.26 (ロンドン), 63.176.218.44 (フランクフルト), 15.206.239.6 (ムンバイ), 13.229.17.166 (シンガポール), 3.114.170.116 (東京), 15.134.82.51 (シドニー)。サーバー応答時間はCloudflareのネットワークから計測するため、固定のリストはありません。テスト用ブラウザーはユーザーエージェントでも自らを名乗ります。

レポートはどのくらいの期間保存されますか?

各レポートには共有できる専用のリンクがあり、スクリーンショットとともに30日間保存され、その後削除されます。レポートのリンクが一覧に載ったり、検索エンジンにインデックスされたりすることはなく、テストされたサイトを公開することもありません。テストしたサイトから見えるのは当サイトのテストサーバーで、あなたのアドレスは見えません。改善策を書くAIが受け取るのはレポートだけです。

修正の前後を比較できますか?

はい。レポートで「再測定」を押すと、同じページ、地点、設定で新しいテストが実行され、結果にすべての指標の前回と今回が表示されます。前回のテストの各改善策は、新しいテスト自体のデータから判定され、修正済み、改善、未対応のいずれかで示されます。

足りないものはありますか?機能や新しいツールを提案する