Core Web Vitals Budget Calculator
Enter your LCP, INP, and CLS measurements to instantly check pass/fail status against Google's official thresholds, get an estimated performance score, and see tips for each metric.
Enter Your Metrics
Google Thresholds Reference
| Metric | Good | Needs Improvement | Poor |
|---|---|---|---|
| LCP | ≤ 2500ms | 2500–4000ms | > 4000ms |
| INP | ≤ 200ms | 200–500ms | > 500ms |
| CLS | ≤ 0.1 | 0.1–0.25 | > 0.25 |
Frequently Asked Questions
What are the Google thresholds for Core Web Vitals?▼
Google defines three tiers for each metric. LCP (Largest Contentful Paint): Good ≤ 2500ms, Needs Improvement 2500–4000ms, Poor > 4000ms. INP (Interaction to Next Paint): Good ≤ 200ms, Needs Improvement 200–500ms, Poor > 500ms. CLS (Cumulative Layout Shift): Good ≤ 0.1, Needs Improvement 0.1–0.25, Poor > 0.25. All three must be in the 'Good' range to pass the Core Web Vitals assessment.
What is LCP and how do I improve it?▼
LCP (Largest Contentful Paint) measures how long it takes for the largest visible element (hero image, headline, video thumbnail) to fully render. To improve it: 1) Preload the LCP image with <link rel='preload'>. 2) Use a CDN to reduce server response time. 3) Avoid lazy-loading the LCP element. 4) Use modern image formats (WebP/AVIF) with appropriate sizes. 5) Inline critical CSS to eliminate render-blocking. Target: < 2500ms for at least 75% of page loads.
What is INP and how does it replace FID?▼
INP (Interaction to Next Paint) replaced FID as an official Core Web Vital in March 2024. Unlike FID (which measured only the input delay of the first interaction), INP captures the full latency of all interactions — tap, click, or key press — and reports the worst one. To improve INP: break up long tasks with setTimeout/scheduler.yield, reduce JavaScript execution time, use web workers for heavy computation, and defer non-critical scripts.
What is CLS and what causes layout shifts?▼
CLS (Cumulative Layout Shift) measures how much page content unexpectedly moves during load. A score of 0 means no shifting; higher is worse. Common causes: images/videos without explicit width and height attributes, ads or embeds injecting content above existing text, web fonts causing FOIT/FOUT reflow, and dynamically inserted banners. Fix: always declare image dimensions, use CSS aspect-ratio, and load fonts with font-display: optional.
How does Google use Core Web Vitals for ranking?▼
Google uses Core Web Vitals as part of its 'Page Experience' ranking signal. The signal is based on field data from the Chrome User Experience Report (CrUX), which aggregates real user measurements. A page passes Core Web Vitals if at least 75% of visits achieve 'Good' scores on all three metrics. Failing doesn't cause a ranking penalty per se, but passing can give a small positive signal when other ranking factors are equal.
Related Products
on GumroadDeveloper Productivity Bundle
Stop rebuilding the same setup every project. 51 VSCode snippets, 40 Git aliases, 5 Docker Compose stacks, 5 GitHub Actions workflows, 5 README templates, and a dotfiles kit. Set up a professional dev environment in under an hour.
Buy on Gumroad →AI Prompt Engineering Toolkit
58 structured prompt templates for Claude, ChatGPT, and Gemini — organized by use case. Code Review, Debugging, Documentation, Architecture, and 10 model-specific tips. Stop writing prompts from scratch.
Buy on Gumroad →Developer Cheat Sheet Bundle
10 print-ready cheat sheets for the tools developers use every day: Git, Docker, Linux CLI, SQL, Regex, HTTP Status codes, VS Code shortcuts, Bash scripting, jq/JSON, and Markdown.
Buy on Gumroad →You Might Also Need
Web Vitals Budget Planner
Plan Core Web Vitals budgets. Set LCP/CLS/INP targets for e-commerce, blog, SaaS, or custom pages. Get resource size limits, JS execution budget, and third-party script allowances.
Open free tool →
Web Vitals Analyzer
Analyze and score Core Web Vitals. Enter LCP, INP, CLS, TTFB, and FCP values to get good/needs improvement/poor ratings with optimization tips.
Open free tool →
Web Performance Checklist
Interactive web performance checklist covering images, fonts, JavaScript, CSS, caching, and server. Check off items to track your score out of 100 and export as Markdown.
Open free tool →
More Free Tools
Related Articles
Web Vitals Optimization: Achieve Core Web Vitals Score 90+ in 2026
Step-by-step guide to achieving Core Web Vitals score of 90+ in 2026. Covers LCP, INP, CLS optimization techniques with code examples, measurement tools, and before/after benchmarks.
Web Performance and Core Web Vitals 2026: Complete Optimization Guide
Complete guide to Core Web Vitals optimization in 2026. Covers LCP, INP, CLS, TTFB optimization with real code examples. Includes Next.js, React, Vite, Cloudflare Workers, and backend optimization strategies for achieving 90+ Lighthouse scores.
Web Performance 2026: INP, Core Web Vitals & Lighthouse CI
Master web performance in 2026: INP replacing FID, LCP and CLS optimization, Lighthouse CI in GitHub Actions, RUM with web-vitals.js, and setting performance budgets to keep your site fast.
Web Performance Optimization: Improve Your Core Web Vitals in 15 Steps
15 actionable web performance optimization techniques to improve LCP, CLS, and INP (Core Web Vitals). Real code examples, measurement tools, and before/after results.
JavaScript Bundle Size Optimization: From 2MB to 200KB — A Practical Guide
Practical techniques to reduce JavaScript bundle size from megabytes to kilobytes. Covers tree shaking, code splitting, dynamic imports, bundle analysis, and tools that actually work in 2026.
Enjoying this tool? Get more like it.
Weekly developer tool guides, productivity playbooks & AI tricks. Free. No spam.
Unlock AI-Powered Dev Tools
- ⚡ AI Code Review, Doc Generator & SQL Builder
- ⚡ All premium templates & early access
- ⚡ Member discounts on Gumroad products
$9/mo after trial · Cancel anytime
Want the full toolkit?
Get DevPlaybook Pro
Every template, guide, boilerplate, and automation script in one bundle. 13 premium products — grab them all at once and save big.
MIT licensed · Instant download · No subscription
See what's included → Browse all deals →