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.
如何使用
- Grab your numbers from PageSpeed Insights, Lighthouse, the Chrome User Experience Report (CrUX), or your real-user monitoring tool.
- 隆重推出 LCP (ms), INP (ms), and CLS (unitless score) — these are the three Core Web Vitals required for a pass/fail verdict.
- Optionally add the secondary metrics — FCP, TTFB，并且 TBT — for a fuller performance picture.
- 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.
常问问题
-
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.
-
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.
-
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.
-
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.
-
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.
