Analyze Core Web Vitals Performance Metrics
A comprehensive tool for measuring, analyzing, and optimizing your website's Core Web Vitals metrics. Get real-time performance scores and actionable recommendations.
The Web Vitals Calculator helps you analyze and optimize your website's Core Web Vitals metrics, which are essential for SEO, user experience, and Google search rankings.
Tip: Core Web Vitals are now a Google ranking factor. Optimizing these metrics can improve your search visibility and user engagement.
Core Web Vitals are the subset of Web Vitals that apply to all web pages and should be measured by all site owners. Google focuses on three specific metrics:
Largest Contentful Paint
Interaction to Next Paint
Cumulative Layout Shift
First Input Delay - Measures interactivity (being replaced by INP)
Time to First Byte - Measures server response time
First Contentful Paint - Measures perceived load speed
Note: INP (Interaction to Next Paint) has replaced FID (First Input Delay) as the Core Web Vitals metric for interactivity as of March 2024. The tool still displays FID for backward compatibility.
The Manual Calculator allows you to input your Core Web Vitals metrics directly and analyze them without needing to analyze a live URL.
Each metric has an intuitive slider for quick adjustments. Slide left to decrease values, right to increase. The color changes in real-time based on threshold levels.
Enter exact values using the numeric input field. This is useful when you have specific metric values from testing tools or analytics.
Range: 0-10s, Step: 0.1s
Range: 0-1000ms, Step: 10ms
Range: 0-1, Step: 0.01
Range: 0-3000ms, Step: 50ms
Metric Cards: Below the input section, metric cards display each Core Web Vital with its current status (Good, Needs Improvement, Poor), detailed threshold information, and a description of what the metric measures.
The URL Analyzer fetches real Core Web Vitals data from Google PageSpeed Insights API, providing actual performance metrics for any public URL.
Controlled environment testing that simulates page loading under specific conditions. Provides consistent, reproducible results for debugging.
Real-world performance data from Chrome users who visited your site. Represents actual user experiences across different devices and network conditions.
Note: URL analysis typically takes 10-30 seconds to complete. The analysis uses Google's PageSpeed Insights API, which may have rate limits. Ensure your URL is publicly accessible.
The overall performance score provides a single metric (0-100) that summarizes your Core Web Vitals status.
All metrics are in the good range. Your page is well-optimized.
Some metrics need attention. Review recommendations to improve.
Multiple metrics need significant improvement. Prioritize fixes.
Score Calculation: The overall score is calculated based on weighted contributions from each Core Web Vital metric. LCP, INP, and CLS have the highest weight as they are the official Core Web Vitals. Additional metrics (FID, TTFB, FCP) provide supplementary insight.
The Recommendations section provides actionable suggestions based on your current metric values to help improve performance.
Issues with metrics in the "Poor" range are flagged as high priority. These should be addressed first as they have the biggest impact on user experience and SEO.
Issues with metrics in the "Needs Improvement" range are flagged as medium priority. Addressing these can push your scores from good to excellent.
Success State: When all metrics are in the good range, a congratulations message replaces the recommendations, celebrating your excellent performance!
Understanding what each Core Web Vital measures and why it matters helps you prioritize optimization efforts effectively.
Measures how quickly the largest content element (typically an image or block-level element) becomes visible in the viewport.
Optimization Tips:
Measures the latency of all user interactions throughout the page lifecycle, reporting the single longest interaction.
Optimization Tips:
Measures how much visible content shifts unexpectedly during page loading. A low CLS indicates a stable page.
Optimization Tips:
Measures the time between the browser requesting a page and receiving the first byte of response from the server.
Optimization Tips:
Monitor your Core Web Vitals to ensure they meet Google's standards for page experience signals. Poor metrics can negatively impact search rankings.
Use the URL Analyzer to audit any website's performance, including competitor sites or potential client websites during discovery phases.
During development, input metrics from Lighthouse or Chrome DevTools to track progress and ensure new features don't degrade performance.
Generate performance scores and recommendations to include in client reports, demonstrating the impact of optimization work.
Establish performance budgets by setting target thresholds for each metric and monitoring against them during development.
Understand how different metric values affect performance scores and learn what "good" looks like for each Core Web Vital.
The Web Vitals Calculator uses Google's official Core Web Vitals thresholds and scoring methodology.
| Metric | Good | Needs Improvement | Poor |
|---|---|---|---|
| LCP | ≤ 2.5s | ≤ 4.0s | > 4.0s |
| INP | ≤ 200ms | ≤ 500ms | > 500ms |
| CLS | ≤ 0.1 | ≤ 0.25 | > 0.25 |
| FID | ≤ 100ms | ≤ 300ms | > 300ms |
| TTFB | ≤ 800ms | ≤ 1800ms | > 1800ms |
| FCP | ≤ 1.8s | ≤ 3.0s | > 3.0s |
API Integration: The URL Analyzer uses Google's PageSpeed Insights API v5 to fetch Lighthouse audit data and Chrome User Experience Report (CrUX) metrics. Field data is prioritized when available.