読み込みとレイアウトシフトを診断
LCPは表示が遅れる主要な要素の特定に役立ち、CLSはレイアウトの不安定さを表します。クリック後の遅延を調べるには、別のINP検査を利用してください。
LCP: 1.9sCLS: 0.04TBT: 120msラボ測定の例
サイト表示速度の計測
URLを入力し、画像、スクリプト、サーバー応答など、ページを遅くする原因を確認します。レポートで読み込みの遅延とレイアウトシフトを追い、最初に修正する箇所を選べます。
詳細設定
レポートに含まれるもの
開発の優先順位がわかるウェブサイト速度レポート
すべての推奨事項は指標、リソース、技術的原因に紐付けられているため、チームは最初に何を修正し、何をバックログに残せるかを確認できます。
リソースとリクエストのマップ
HTTPウォーターフォールは、何がレンダリングを妨げているか、どのリソースが並列接続を使用しているか、サードパーティスクリプトがどこで開始を遅らせているかを示します。
index.html142ms
main.css380ms
app.js1.2s
hero.webp720ms
inter.woff2210ms
優先順位付き最適化プラン
Miltenは問題をLCP、CLS、TBT、TTFB、サードパーティスクリプト、重いリソースの短いタスクリストにまとめます。
01LCP：ヒーローメディアを圧縮してプリロードP1
02CLS：カードの寸法を固定P2
03TTFB：HTMLキャッシュを確認P3
使い方
Miltenがウェブサイト速度をチェックする方法
選択した条件でサイトの速度をテストし、ラボでの読み込み指標と指摘を取得します。1回のテストは、実際の訪問者からの測定に代わるものではありません。
01 · URL
速度チェック用のURLを入力
ホームページ、ランディングページ、カタログ、または商品ページをチェックします。Miltenはブラウザでページを開き、選択された地域、ネットワーク、デバイスを適用します。
02 · スキャン
読み込みと視覚的な安定性を測定
ラボ指標、ネットワークの遅延、重いリソース、レイアウトシフトを収集します。TTFBはサーバー応答の遅延、TBTは読み込み中のメインスレッドのブロック時間を示します。
03 · プラン
最初に修正する項目を決める
読み込みを遅らせたリソースやレイアウトを動かした要素など、指摘とその根拠から確認してください。原因を修正したら、同じ設定で再テストします。
測定項目
ウェブサイト速度指標：FCP、LCP、CLS、TBT、TTFB、SI
スキャナーは体感読み込み、レイアウト安定性、JavaScriptブロッキング、サーバー応答速度を分離するため、最適化が単一のスコアに還元されません。
FCP
First Contentful Paint
ユーザーが最初にテキスト、画像、またはSVGを見たとき：ページが本当に読み込みを開始したという初期シグナル。
良好<= 1.8s
ニーズ<= 3s
不良> 3s
LCP
Largest Contentful Paint
主要な可視要素がレンダリングされるまでの時間：ヒーロー画像、大きな見出し、商品カード、またはカタログブロック。
良好<= 2.5s
ニーズ<= 4s
不良> 4s
CLS
Cumulative Layout Shift
予期しないレイアウトシフトの合計：バナー、サイズ未指定の画像、遅延フォント、読み込み後にコンテンツを移動させるブロック。
良好<= 0.1
ニーズ<= 0.25
不良> 0.25
TBT
合計ブロッキング時間
メインスレッドが長いJavaScriptタスクでビジー状態になり、ユーザー操作に迅速に応答できなかった時間。
良好<= 200
ニーズ<= 600
不良> 600
TTFB
Time to First Byte
HTMLの最初のバイトまでの遅延：ブラウザがページを受信し始めるまでのバックエンド、DNS、TLS、CDN、キャッシュ時間。
良好<= 0.8s
ニーズ<= 1.8s
不良> 1.8s
SI
Speed Index
可視ビューポートがどれだけ早く埋まるか：個々の指標が良く見えてもページが遅く感じる理由を説明するのに役立ちます。
良好<= 3.4s
ニーズ<= 5.8s
不良> 5.8s
FAQ
ウェブサイト速度チェックに関するよくある質問
Core Web Vitals、SEO、実践的なページ最適化に関する短い回答。
Core Web Vitalsとは何ですか？SEOにどう影響しますか？
Core Web Vitalsは、読み込み（LCP）、応答性（INP）、視覚的な安定性（CLS）を表します。実際の訪問者の体験を評価するにはフィールドデータが必要です。Speed Scannerはラボ測定で原因を調べるためのもので、TBTはINPの代わりにはなりません。良い値でも検索順位の向上は保証されません。
ウェブサイトのスピードをどうやってチェックしますか？
上のフォームにURLを入力し、モバイルまたはデスクトップのプロファイルを選択して「ウェブサイトをチェック」をクリックします。スキャナーはSpeed Scanner監査を実行し、HARを収集し、FCP、LCP、CLS、TBT、TTFB、Speed Indexを表示し、技術的なタスクリストを作成します。
LCP の値が高すぎる場合はどうすればよいですか？
まずLCP要素を特定します。ヒーロー画像、大きな見出し、バナー、商品カードなどが該当します。次にプリロード、クリティカルCSS、メディアの重さ、CDN、キャッシュ、レンダリングを遅らせるレンダリングブロックリソースを確認します。
ウェブサイトの分析にはどのくらい時間がかかりますか？
簡単なチェックは通常1分未満で完了しますが、正確な時間は選択した地域、ネットワークプロファイル、CPUスロットリング、ページ上のリソース数によって異なります。安定した結論を得るには、同じ条件で複数回実行して比較してください。
CLS の問題を修正するにはどうすればよいですか？
メディアにwidth、height、aspect-ratioを設定し、バナーやウィジェットのスペースを確保し、表示領域の上に新しいコンテンツを挿入しないようにし、font-displayとpreloadでフォントを設定します。レポートでは最終的なCLSだけでなく、最も寄与した要素も確認してください。