What Core Web Vitals Actually Measure
Core Web Vitals are Google's standardized measurements of real user experience, and they feed directly into search rankings. Three metrics matter. Largest Contentful Paint (LCP) measures loading: how fast the main content appears, with under 2.5 seconds rated good. Interaction to Next Paint (INP) measures responsiveness: how quickly the page reacts when a visitor clicks or taps, with under 200 milliseconds rated good. Cumulative Layout Shift (CLS) measures visual stability: how much the page jumps around while loading, with a score under 0.1 rated good.
The key detail is that these are field metrics, measured from real visitors on real devices and networks, not from a lab test on your developer's fiber connection. Your site is judged on the experience of your actual audience, including the mid-range Android phone on a shaky 4G connection. That is the correct way to judge it, because that visitor's experience is what determines whether they buy.
Google has been explicit that page experience is a ranking signal. It is not the strongest signal, relevance and authority still dominate, but in competitive searches it is frequently the tiebreaker. More importantly, the same metrics that Google measures are the ones that determine whether your visitors convert or leave.
The Money Math of a Slow Site
The relationship between speed and revenue is one of the best-documented effects in web business. Studies across retail, SaaS, and lead generation consistently find that each additional second of load time cuts conversions by roughly 7 percent, and the effect compounds: a page loading in 5 seconds converts at roughly half the rate of one loading in 2 seconds. Bounce probability climbs steeply past the 3-second mark, the majority of mobile visitors simply leave.
Translate that to your own numbers. If your site converts 2 percent of 10,000 monthly visitors at a $500 average order value, that is $100,000 monthly revenue. A one-second improvement lifting conversion to 2.14 percent adds $7,000 a month, $84,000 a year, from the same traffic. Speed work is unusual among investments in that it pays across every channel simultaneously: SEO, ads, email, and direct all convert better on a fast site.
INP deserves special attention for revenue because it governs the checkout and signup moments. A slow-feeling form, buttons that lag, inputs that stutter, kills conversions at the exact point of highest intent. CLS matters at the same moment: a layout shift that moves the buy button just as a thumb descends produces rage taps, accidental clicks, and abandoned carts. These are not technical curiosities; they are leaks in the revenue pipe.
- Each extra second of load time cuts conversions by roughly 7 percent
- Model the gain on your own traffic before dismissing speed work as cosmetic
- INP and CLS hit hardest at checkout, measure the funnel, not just the homepage
- Mobile field metrics are the ones that count; lab scores on desktop lie
The Usual Suspects
Slow sites are rarely slow for mysterious reasons. The culprits are a short, repeatable list. Unoptimized images are number one: hero images served at 4K resolution to a 390-pixel phone, PNGs where WebP would be a tenth the size, carousels loading twelve images when one is visible. Images typically account for half or more of page weight, which makes them the highest-leverage fix on most sites.
JavaScript bloat is number two. Third-party scripts, analytics, chat widgets, ad pixels, A/B testing tools, social embeds, each add network requests, parsing time, and main-thread contention. Audit ruthlessly: every script must justify its existence against its performance cost, load non-critical scripts after interaction, and self-host where the third party adds latency without adding value. A shocking number of sites load the same library twice from different vendors.
Fonts and render-blocking resources round out the list. Custom fonts that block text rendering, stylesheets loaded synchronously in the head, and server response times inflated by uncached dynamic pages. The pattern across all of these: the site is doing work the visitor never asked for, before showing them what they came for.
- Images: serve responsive sizes, modern formats (WebP/AVIF), lazy-load below the fold
- JavaScript: audit every third-party script, defer non-critical, eliminate duplicates
- Fonts: use font-display: swap, subset character sets, limit weights
- Server: cache aggressively, use a CDN, keep time-to-first-byte under 800ms
The Fix Order That Gets Results Fastest
Resist the urge to rewrite everything. The fastest path to green scores follows a strict order. First, measure properly: run PageSpeed Insights on your top three landing pages and your checkout or signup flow, and record the field data, not just the lab score. Field data tells you what visitors experience; lab data tells you what changed after each fix.
Second, fix images, it is almost always the biggest single win and rarely takes more than a week. Convert to modern formats, add responsive sizes, lazy-load everything below the fold, and set explicit width and height attributes to kill layout shift at the source. Third, attack JavaScript: remove what you can, defer the rest, and split bundles so the initial load carries only what the first screen needs.
Fourth, fix CLS structurally: reserve space for ads, embeds, and dynamic content; never inject content above existing content after load. Fifth, tune the server: caching headers, CDN, and database query optimization for dynamic pages. Work in this order and re-measure after each step, most sites reach green on all three vitals without touching their design or features.
- Measure field data on top landing pages and conversion flows first
- Fix images first, biggest win, lowest effort, usually under a week
- Then JavaScript weight, then layout stability, then server response
- Re-measure after each step; stop when field data is green, not when the todo list is empty
Speed as a Habit, Not a Project
The cruel truth about performance work: it decays. Every new feature, script, and image erodes the gains unless something guards them. Teams that treat speed as a one-time project watch their scores slide back within two quarters. Teams that treat it as a habit keep them.
The habit is cheap to build. Add a performance budget to your deploy pipeline, fail builds that exceed JavaScript size limits or image weight thresholds. Monitor field data monthly with CrUX or Real User Monitoring, not just lab tests. Review third-party scripts quarterly with the same skepticism as the first audit. And assign ownership: performance with no owner is performance that regresses.
Frame it correctly inside the organization and the budget follows. Speed is not a technical nicety, it is a conversion lever with better ROI than most marketing spend, because it multiplies every visitor you already paid to acquire. The fastest-growing line item in many marketing budgets should be making the site faster.
Speed Compounds
A faster site ranks slightly better, converts measurably better, and makes every marketing dollar work harder, and unlike ad spend, the gains don't stop when the budget does. The work is unglamorous: smaller images, fewer scripts, reserved layout space. The returns are anything but.
NerdsTech runs performance audits that start from your revenue numbers, not just Lighthouse scores: field-data measurement, the fix order above, and monitoring that keeps the gains. If your site feels slow, it is costing you, let us measure exactly how much.
Frequently asked questions
Hover a card to reveal the answer.