広告が嫌いですか? 行く 広告なし 今日

Web Vitals Score Calculator

データ開発者ネットワーキング

Core Web Vitals

ms
Good ≤ 2500ms · Needs Improvement ≤ 4000ms · Poor > 4000ms
ms
Good ≤ 200ms · Needs Improvement ≤ 500ms · Poor > 500ms
Good ≤ 0.1 · Needs Improvement ≤ 0.25 · Poor > 0.25

Secondary Metrics (optional)

ms
Good ≤ 1800ms · Needs Improvement ≤ 3000ms · Poor > 3000ms
ms
Good ≤ 800ms · Needs Improvement ≤ 1800ms · Poor > 1800ms
ms
Good ≤ 200ms · Needs Improvement ≤ 600ms · Poor > 600ms

Metric Breakdown

メトリック 価値 Rating ‘Access-Control-Allow-Origin’ヘッダーが存在しません
結果はここに表示されます

Suggestions

ガイド

Web Vitals Score Calculator

Web Vitals Score Calculator

Plug in your LCP, INP, and CLS measurements and instantly see how your page rates against Google’s Core Web Vitals thresholds. The calculator returns a Good / Needs Improvement / Poor verdict per metric, a pass/fail summary for the page, and concrete fix suggestions for anything below target — all client-side, no data leaves your browser.

使用方法

  1. Grab your numbers from PageSpeed Insights, Lighthouse, the Chrome User Experience Report (CrUX), or your real-user monitoring tool.
  2. 登場 LCP (ms), INP (ms), and CLS (unitless score) — these are the three Core Web Vitals required for a pass/fail verdict.
  3. Optionally add the secondary metrics — FCP, TTFBと、 TBT — for a fuller performance picture.
  4. Read the overall badge, the per-metric rating pills, and the suggestion list. Anything below Good comes with a short, prioritized fix list.

機能

  • Exact Google thresholds – LCP (2500/4000ms), INP (200/500ms), CLS (0.1/0.25) applied byte-for-byte.
  • Per-metric verdict – Color-coded Good / Needs Improvement / Poor rating pill for every metric you enter.
  • Overall CWV badge – Passes only when LCP, INP, and CLS are all Good — the same logic Google uses.
  • Secondary metrics – Optional FCP, TTFB, and TBT inputs for fuller performance triage.
  • Actionable fixes – Each failing metric ships with a short list of the most common root causes and remediations.
  • Plain-English meanings – Every metric is explained in one sentence so non-specialists can follow along.
  • プライバシー第一 – Pure client-side calculation; nothing is sent to any server.

よくある質問

  1. What are Core Web Vitals and why do they matter?

    Core Web Vitals are a set of real-user metrics Google uses to measure page experience: how quickly the main content loads (LCP), how responsive interactions feel (INP), and how visually stable the page is (CLS). They're a public, standardized way to quantify perceived performance — and a Page Experience signal in Google Search ranking.

  2. What's the difference between LCP, INP, and CLS?

    LCP (Largest Contentful Paint) measures load — how long until the biggest visible element appears. INP (Interaction to Next Paint) measures responsiveness — the worst-case delay between input and screen update. CLS (Cumulative Layout Shift) measures visual stability — how much content jumps around. Together they cover loading, interactivity, and stability.

  3. Why did INP replace FID as a Core Web Vital in March 2024?

    FID only measured the delay before the first interaction handler ran. Real users complained about laggy scroll, slow buttons, and long-running handlers that FID couldn't see. INP captures the full path from input to next paint, across all interactions on the page — a far better proxy for how snappy a page actually feels.

  4. What's the difference between lab data and field data?

    Lab data (Lighthouse, WebPageTest) is measured in a controlled environment with a fixed device and network profile — repeatable, useful for debugging. Field data (Chrome User Experience Report, real-user monitoring) is collected from actual visitors and reflects the diversity of devices, networks, and behaviors. Google's pass/fail verdict for ranking is based on field data — specifically the 75th-percentile value across all real visits.

  5. Does passing Core Web Vitals guarantee better search ranking?

    No — Core Web Vitals are one signal among many. Relevance, content quality, and links still dominate. CWV is a tiebreaker between pages of similar quality and can prevent a 'poor experience' demotion. Treat passing CWV as table stakes rather than a growth lever.

広告なしで楽しみたいですか? 今すぐ広告なしで

拡張機能をインストールする

お気に入りのブラウザにIOツールを追加して、すぐにアクセスし、検索を高速化します。

に追加 Chrome拡張機能 に追加 エッジ拡張 に追加 Firefox 拡張機能 に追加 Opera 拡張機能

スコアボードが到着しました!

スコアボード ゲームを追跡する楽しい方法です。すべてのデータはブラウザに保存されます。さらに多くの機能がまもなく登場します!

ニュースコーナー 技術ハイライト付き

参加する

価値ある無料ツールの提供を継続するためにご協力ください

コーヒーを買って