Home › Developer Tools › Core Web Vitals Checker

Core Web Vitals Checker

See how real visitors experience a page. Enter a URL or domain to get the Chrome UX Report field data Google uses for its Core Web Vitals assessment: Largest Contentful Paint, Interaction to Next Paint and Cumulative Layout Shift at the 75th percentile, for the page and the whole site, on mobile and desktop.

Last updated:

Device
Advertisement
Advertisement

How to use the Core Web Vitals Checker

  1. Enter the page URL or just a domain such as example.com.
  2. Choose the device: mobile and desktop together, or only one.
  3. Press Check Core Web Vitals and wait 10 to 60 seconds while Google answers.
  4. Read the verdict for the page and for the whole origin, then look at which metric is not green.
  5. Fix and re-check later: field data is a 28-day rolling average, so improvements show up gradually.

Core Web Vitals thresholds

MetricMeasuresGoodNeeds improvementPoor
LCP Largest Contentful PaintLoading of the main content≤ 2.5 s2.5 to 4.0 s> 4.0 s
INP Interaction to Next PaintResponsiveness to input≤ 200 ms200 to 500 ms> 500 ms
CLS Cumulative Layout ShiftVisual stability≤ 0.10.1 to 0.25> 0.25
FCP First Contentful PaintFirst content on screen (supporting metric)≤ 1.8 s1.8 to 3.0 s> 3.0 s
TTFB Time to First ByteServer response (supporting metric)≤ 0.8 s0.8 to 1.8 s> 1.8 s

Values are the 75th percentile: three out of four visits were at least this fast. Mobile and desktop are assessed separately.

How to fix each Core Web Vital

Slow LCP

  • Make the LCP image small and modern (WebP or AVIF, correct dimensions) and do not lazy-load it; add fetchpriority="high".
  • Cut server response time with caching or a CDN; a slow TTFB delays everything after it.
  • Remove render-blocking CSS and JavaScript from the <head>, and preload the main web font.

Slow INP

  • Break long JavaScript tasks into smaller pieces so the browser can respond between them.
  • Remove or delay heavy third-party scripts (chat widgets, tag managers, A/B testing) that run on every click.
  • Give instant visual feedback first, then do the expensive work; avoid re-rendering large parts of the page on each input.

High CLS

  • Set width and height (or aspect-ratio) on images, videos and iframes.
  • Reserve space for ads, embeds and banners before they load.
  • Use font-display: optional or matched fallback fonts to prevent text jumping when web fonts load.

Use the Website Speed Test for a lab run with the specific files and elements behind each problem, and the Image Compressor to shrink a heavy LCP image.

Frequently asked questions

What are the Core Web Vitals thresholds?

Largest Contentful Paint (LCP) is good at 2.5 seconds or less and poor above 4 seconds. Interaction to Next Paint (INP) is good at 200 milliseconds or less and poor above 500 ms. Cumulative Layout Shift (CLS) is good at 0.1 or less and poor above 0.25. Each is measured at the 75th percentile of page loads.

How does Google decide if a page passes Core Web Vitals?

A page or site passes when the 75th percentile of LCP, INP and CLS are all in the good range, using data from real Chrome users over the previous 28 days. If INP has too few recorded interactions, the assessment is based on the metrics that have enough data.

What is the difference between field data and lab data?

Field data comes from real visitors on their own devices and networks, collected by Chrome in the Chrome UX Report. Lab data, such as a Lighthouse score, comes from one simulated load in a controlled environment. Google uses field data for its page experience signals; lab data is for debugging.

Why is there no data for my page?

The Chrome UX Report only includes pages and origins with enough eligible visits from Chrome users who share usage statistics. New, low-traffic or private pages often have no page-level data; the whole-origin data or a lab test is then the best guide.

Why did INP replace FID?

Interaction to Next Paint became a Core Web Vital in March 2024, replacing First Input Delay. FID only measured the delay before the first interaction was handled; INP looks at the responsiveness of all clicks, taps and key presses during a visit, so it reflects real sluggishness much better.

How long until my fixes show up?

The field data is a rolling 28-day window, so a fix starts to move the numbers within days and is fully reflected after about four weeks. Use lab tools such as the Website Speed Test to confirm the fix immediately.

Does this tool use an API key or store my URLs?

It calls Google's public PageSpeed Insights API directly from your browser without a key. The list of recent checks is saved only in your own browser. Because the free API is shared, it can be temporarily rate-limited when many people test at once.

Are all the tools on FreeToolCabin tested for quality and accuracy?

Yes! Every tool on our site undergoes automated Q/A testing in real browser environments to ensure high precision, correct output, and zero errors. If you happen to spot a bug or have a suggestion, please contact us at [email protected] and our team will review it right away.

Related tools

Website Speed TestTest page speed with Lighthouse: performance score, Core Web Vitals and fixes, mobile or desktop.Meta Tag AnalyzerPaste page HTML to audit title, description, canonical, robots, Open Graph and hreflang tags.Website Down CheckerCheck if a website is down for everyone.Robots.txt TesterTest whether a URL is allowed or blocked by robots.txt for Googlebot and other crawlers.JSON FormatterBeautify, minify and validate JSON, with a collapsible tree view.SQL Formatter & BeautifierFormat, beautify or minify SQL queries for MySQL, PostgreSQL and more.JavaScript BeautifierFormat and beautify messy or minified JavaScript, or minify it.HTML FormatterBeautify and indent HTML code with a live preview.CSS FormatterBeautify CSS with indent controls and optional property sorting.XML FormatterBeautify, validate and minify XML with a collapsible tree view.ZIP File CreatorCompress files and folders into a ZIP.YAML Validator & FormatterValidate, format and minify YAML, and convert YAML to JSON or back.HTML MinifierMinify HTML: strip comments and whitespace safely and see how many bytes you save.CSS MinifierMinify CSS with csso or a built-in engine and see the size saved instantly.JavaScript MinifierMinify JavaScript with Terser: compress, mangle and see how many bytes you save.JSON MinifierMinify and validate JSON, sort keys and see exactly how many bytes you save.Code Diff CheckerCompare two code files side by side or unified, with syntax colors and changes highlighted.IPv6 Expander & CompressorExpand IPv6 addresses to full form or compress them per RFC 5952, one or many at once.GraphQL FormatterPretty-print and indent GraphQL queries, mutations and schemas, or minify them, instantly.CSS ValidatorValidate CSS: syntax errors, unknown properties and invalid values by line, plus auto-fix.Gzip Compress / DecompressGzip or deflate text and files, get Base64 output, and decompress Base64 or .gz files.IBAN ValidatorCheck an IBAN's mod-97 checksum, country and length, and see its bank code and account parts.JavaScript Syntax CheckerCheck JavaScript for syntax errors with line and column, for any ES version, script or module.JSON Schema ValidatorValidate JSON against a JSON Schema (draft-07, 2019-09, 2020-12) with clickable error paths.Markdown FormatterBeautify Markdown with Prettier: list markers, prose wrap, aligned tables and live preview.PHP FormatterBeautify PHP code with Prettier PHP: PSR-12 style, indent and brace options, syntax errors.TypeScript FormatterFormat TypeScript and TSX code with Prettier: width, tabs, semicolons and quotes options.XML MinifierMinify and validate XML: strip whitespace and comments, keep CDATA, see the size savings.C# FormatterBeautify C# code online: Allman or K&R braces, indent size and line width, clang-format option.HTML ValidatorCheck HTML for errors and warnings with line numbers, locally or with the W3C Nu checker.Java FormatterBeautify Java code online: indent size, brace style and line width, with clang-format option.JavaScript ObfuscatorObfuscate JavaScript with string encoding, renaming and control-flow flattening presets.Phone Number FormatterFormat and validate lists of phone numbers to E.164, international or national style.Python FormatterFormat Python code in Black/Ruff style: line length, quote style, indent, copy or download.Responsive Design CheckerPreview any website at phone, tablet, laptop and desktop sizes side by side, with rotate and zoom.Browser Compatibility CheckerSearch CSS, JavaScript and HTML features and see which browser versions support them.Heading Structure CheckerPaste HTML to see its H1-H6 outline and catch missing H1s, multiple H1s and skipped levels.Website Hosting CheckerFind out who hosts a website: hosting provider, IP addresses, ASN, network owner and location.Spam Word CheckerScan an email subject and body for spam trigger words, excess caps, exclamation marks and risky links.Check Digit CalculatorCalculate or validate check digits for UPC, EAN, GTIN, SSCC, ISBN, ISSN and mod 11 codes.Luhn Algorithm CheckerValidate numbers with the Luhn mod 10 check or calculate the missing check digit, step by step.XSD ValidatorValidate XML against an XSD schema in your browser and see each error with its line number.Strftime Format BuilderBuild Python and C strftime format strings by clicking tokens, with a live preview and reference.Routing Number ValidatorCheck a US ABA routing number's checksum and format and see its Federal Reserve district.
See all 41 Code Formatters & Validators →