無料ウェブサイト速度チェッカー
実際の Chrome ブラウザで Google Lighthouse を使ってページをテストし、コンテンツが表示されるまでの速さ、読み込み中に反応しない時間、そしてどの画像、スクリプト、ファイルが遅くしているかを確認できます。
このツールのチェック内容
Lighthouse のパフォーマンススコア
Lighthouse 独自の 0〜100 のスコアで、以下の読み込み指標を重み付けして組み合わせたものです。このツールで表示されるスコアです。
Largest Contentful Paint(LCP)
最も大きなコンテンツ(通常はメイン画像や見出し)が表示されるまでの時間です。2.5 秒以下が良好、4 秒を超えると不良です。
First Contentful Paint(FCP)
画面に何かが表示されるまでの時間です。1.8 秒以下が良好です。
Total Blocking Time(TBT)
読み込み中に、ページがスクリプトの実行で忙しく、タップやクリックに反応できない時間です。200 ms 以下が良好です。
Cumulative Layout Shift(CLS)
ページの読み込み中にコンテンツがどれだけずれ動くかを示します。0.1 以下が良好です。
Speed Index と Time to Interactive
表示されるページがどれだけ早く埋まるか(良好:3.4 秒以下)と、安定して操作できるようになるまでの時間(良好:3.8 秒以下)です。
遅くしている原因
不合格の Lighthouse 監査項目を悪い順に最大 15 件表示し、それぞれ原因となるファイルや要素を最大 5 件、削減できるキロバイト数やミリ秒数とともに示します。合格した監査項目も表示します。
Lighthouse を実行できない場合の簡易チェック
Lighthouse が利用できない場合や、使えるレポートが返ってこない場合は、リクエストによる簡易チェックに切り替えます:サーバーの応答、HTML のサイズ、圧縮、レンダリングをブロックするファイル、キャッシュヘッダー、画像のサイズと形式です。簡易チェックであることを明記し、Lighthouse のスコアとしては扱いません。
チェックの仕組み
ヘッドレス Chrome で、ページに対して Lighthouse のパフォーマンステストを 1 回実行します。Lighthouse は既定で、遅めのモバイル回線を使う中価格帯のスマートフォンをシミュレートするため、結果は通常、高速なパソコンで見るよりも遅くなります — 多くの訪問者は高速な端末を使っているわけではないため、意図的にそうしています。各指標は公開されている「良好」と「不良」の基準値と比較され、合格、要改善、不合格のいずれかで表示されます。
1 回のページ読み込みによるラボテストであり、すべての指標にその旨を明記しています。ネットワークの状態、サーバーの負荷、広告、サードパーティのスクリプトは読み込みごとに変わるため、結果は実行ごとに異なり、数ポイントの差には意味がありません。結論を出す前に、何回か実行して比較してください。
Interaction to Next Paint(INP)には実際の人によるタップやクリックが必要なため、ラボテストでは測定できません。ラボで最も近い指標は Total Blocking Time です。Google Search Console の Core Web Vitals レポートなどの実際の訪問者(フィールド)データは、これらのラボの結果と異なる場合があります。Lighthouse の代わりに簡易チェックを実行する場合は、ページへのリクエストを 1 回と、ファイルや画像への HEAD リクエストを最大 25 回行います。
表示される根拠
各指標には、測定値と基準値を並べて「ラボ(Lighthouse、1 回の実行)」と表示します。遅い監査項目には、その原因となるファイルや要素(たとえば最も大きな画像やレンダリングをブロックするスクリプト)を、削減できる可能性のある KB やミリ秒とともに示します。検出結果は Lighthouse、または簡易チェックを実行した場合は当社独自のリクエストから得られたものです。
このツールでチェックしないこと
実際の訪問者(フィールド)データ
当社のサーバーからの 1 回のラボテストです。Chrome UX Report のデータや、実際の訪問者にとってのページの速さは含まれません。
Interaction to Next Paint(INP)
INP には実際の操作が必要なため、ラボテストでは測定できません。最も近い代替指標は Total Blocking Time です。
他のページとユーザーの導線
入力したページだけを 1 回読み込みます。購入手続きの流れ、ログイン後のページ、キャッシュが残った状態での再訪問は測定しません。
デスクトップでの実行
Lighthouse の既定のモバイルシミュレーションを使用しており、デスクトップ用の個別のテストはありません。
よく見つかる問題
大きすぎる画像
カメラやスマートフォンからそのままアップロードされ、実際のサイズよりずっと小さく表示されている写真。
レンダリングをブロックする CSS と JavaScript
ページの head 内にあり、ダウンロードが終わるまで何も表示できないファイル。
使われていない JavaScript と CSS
テーマ、プラグイン、フレームワークの大きなバンドルで、コードの大部分がこのページで使われていないもの。
重いサードパーティのスクリプト
チャットウィジェット、タグマネージャー、動画の埋め込み、広告スクリプトなど、ブラウザを忙しくさせるもの。
サーバーの応答が遅い
遅いホスティング、キャッシュなし、重いデータベース処理などが原因で、最初のバイトが届くのが遅れます。
レイアウトのずれ
スペースが確保されていない画像や埋め込み、表示後にコンテンツを押し下げるバナー。
直し方
画像のサイズを調整して圧縮する
画像は表示サイズ(高精細な画面向けには最大 2 倍)で書き出し、WebP や AVIF を使い、最初の画面より下の画像は遅延読み込みにしましょう。
すぐに必要ないスクリプトは後回しにする
必須でないスクリプトに defer や async を付け、使っていないプラグインを削除し、チャットや動画のウィジェットは操作されたときにだけ読み込むようにしましょう。
ページをキャッシュし、CDN を使う
ページキャッシュとコンテンツ配信ネットワークを使うと、特にサーバーから遠い訪問者に対してサーバーの応答時間が短くなります。
コンテンツのスペースを確保する
画像や埋め込みに width と height 属性、または CSS の aspect-ratio を指定し、読み込み時に表示がずれないようにしましょう。
テキストファイルを圧縮する
サーバーやホスティングの設定で、HTML、CSS、JavaScript の gzip または Brotli 圧縮を有効にしましょう。
よくある質問
PageSpeed Insights とスコアが違うのはなぜですか?
PageSpeed Insights も Lighthouse を使っていますが、別の場所にある別のマシンで実行しており、毎回新たにページを読み込みます。また、十分なアクセスがある場合は Chrome UX Report の実際の訪問者データも表示しますが、私たちのラボテストには含まれません。
テストのたびにスコアが変わるのはなぜですか?
各テストは 1 回のページ読み込みであり、ネットワークの速度、サーバーの負荷、サードパーティのスクリプトは読み込みごとに異なります。小さな変動は普通のことです。何回か実行して一貫した傾向を確認しましょう。
Core Web Vitals を測定しますか?
LCP と CLS をラボで測定します。3 つ目の Core Web Vital である INP は、実際の訪問者による実際の操作が必要なため、ラボテストでは測定できません。最も近い代わりの指標は Total Blocking Time です。フィールドデータは、Google Search Console の Core Web Vitals レポートをご利用ください。
モバイルとデスクトップのどちらのテストですか?
私たちが使っている Lighthouse の既定設定では、通信速度を制限したモバイル回線の中価格帯スマートフォンをシミュレートします。デスクトップのパソコンでは速いページでも、ここではスコアが低くなることがあります。
Lighthouse を実行できない場合はどうなりますか?
代わりに簡易チェックを実行します:ページへのリクエスト 1 回と、ファイルや画像への限られた数の HEAD リクエストです。サーバーの応答、圧縮、レンダリングをブロックするファイル、キャッシュ、画像の容量を報告し、そのスコアは Lighthouse のスコアではなく簡易チェックであることを明記します。ページへのリクエスト自体が失敗した場合は、でっち上げのスコアを表示するのではなく、その旨をお伝えします。
役立つガイド
- How to improve Core Web Vitals: a practical guide to LCP, INP and CLSThe three Core Web Vitals, the thresholds that count as good, why lab and field numbers differ, and the specific changes that improve loading, responsiveness and visual stability.ガイドを読む
- Why is my website slow? How to find the cause and fix it"Slow" can mean a slow server, a slow main image, a sluggish response to taps, or a page that jumps around. Here's how to tell which, and what to fix first.ガイドを読む
- How to reduce image size without losing visible qualityImages are often the heaviest part of a page. Resize, choose the right format, compress, and serve the right size to each device, step by step.ガイドを読む
関連する無料ツール
修正を任せたいですか?
これらのチェックもガイドも無料です。変更作業を人に任せたい場合は、私たちのチームが有料でサポートします。