๐ Enter Your Scores
Get your scores from PageSpeed Insights or Google Search Console, then enter them below.
Good
Needs Work
Poor
Good
Needs Work
Poor
Good
Needs Work
Poor
โ CWV Self-Assessment Checklist
Check off the optimizations you've already implemented:
INP Optimizations
CLS Optimizations
๐ Official Testing Tools
What Are Core Web Vitals and Why Do They Affect Rankings?
Core Web Vitals are a set of specific, measurable metrics that Google uses to evaluate the real-world user experience of web pages. Since May 2021, they have been incorporated into Google's page experience ranking signal, which means sites that deliver better experiences can have a ranking advantage over sites with similar content quality but worse performance.
The three Core Web Vitals are Largest Contentful Paint (LCP), which measures how long the main content takes to load; Interaction to Next Paint (INP), which measures how quickly the page responds to user interactions like clicks and taps; and Cumulative Layout Shift (CLS), which measures how much the page layout unexpectedly moves around during loading. Google evaluates these metrics using real-world data from Chrome users, aggregated through the Chrome User Experience Report (CrUX).
To pass CWV, at least 75% of page visits must meet the "good" threshold for all three metrics. This means that even if your median score is excellent, if a significant portion of users on slower devices or connections experience poor scores, your page won't be considered "passing" in Google's assessment.
Common Core Web Vitals Issues and Fixes
- Slow LCP โ Usually caused by large unoptimized hero images, render-blocking resources, or slow server response. Compress images, use WebP/AVIF format, preload the LCP image, and ensure fast TTFB (<800ms).
- High INP โ Caused by heavy JavaScript that blocks the main thread, particularly third-party scripts for ads, analytics, and chat widgets. Audit your JS bundle size and use code splitting and deferred loading.
- High CLS โ Often caused by images without explicit dimensions, ads that push content down when they load, or web fonts that cause text reflow. Always set width and height on images, reserve space for ads, and use font-display: optional.