Core Web Vitals for B2B Websites: What to Fix First

What Core Web Vitals are

Core Web Vitals are Google's three metrics for real-world page experience: Largest Contentful Paint (LCP) for loading, Interaction to Next Paint (INP) for responsiveness, and Cumulative Layout Shift (CLS) for visual stability. A page passes when at least 75% of real visits meet the "good" threshold for all three.

INP replaced First Input Delay (FID) as a Core Web Vital on 12 March 2024. INP is stricter: it looks at the latency of interactions across the whole visit, not just the first one.

Why B2B websites should care

It is tempting to treat speed as an e-commerce problem. B2B buyers don't check out in a cart, so a few hundred milliseconds can't matter — or so the argument goes. The research says otherwise.

The same study found lead-generation sites also benefited from faster pages, with more visitors moving deeper into the funnel. A B2B buyer comparing three suppliers on a phone between site visits behaves much like any other mobile user: if the page drags, they open the next tab.

Page experience is also a ranking consideration in Google Search. It will not outrank relevance, but between two equally useful pages, the faster and more stable one has the edge.

Fixing LCP: make the main content arrive first

On corporate sites, the LCP element is almost always the hero — a full-width photo, a background video, or a large headline. The usual culprits are oversized images, render-blocking CSS and JavaScript, and slow server response.

• •Serve hero images in AVIF or WebP at the size actually displayed, with responsive srcset.
• •Never lazy-load the LCP image; give it fetchpriority="high" instead.
• •Replace autoplay hero videos with a poster image, or load the video after first paint.
• •Use static generation or edge caching so time to first byte stays low.
• •Preload the one or two font files used above the fold.

<!-- LCP hero: eager, prioritized, right-sized -->
<img src="/hero-1600.avif"
     srcset="/hero-800.avif 800w, /hero-1600.avif 1600w"
     sizes="100vw" width="1600" height="900"
     fetchpriority="high" alt="Offshore platform at dawn">

Fixing INP: keep the main thread free

INP suffers when JavaScript blocks the browser from responding to a tap or click. On B2B sites the biggest offenders are rarely your own code; they are tag managers, chat widgets, heatmap tools, and marketing pixels that pile up over years.

1. 1.Audit every third-party script and remove the ones nobody uses.
2. 2.Load chat and analytics tools after user interaction or idle time.
3. 3.Break long tasks into smaller chunks and avoid heavy work in click handlers.
4. 4.Prefer CSS for animations and avoid scroll-jacking libraries.
5. 5.Ship less JavaScript — static HTML with small islands of interactivity beats a full client-side app for most marketing pages.

“Every script on a corporate site was added for a good reason. Few were ever removed for a better one.”

Fixing CLS: stop the page from jumping

Layout shift makes a site feel unfinished. It happens when content appears without reserved space — images without dimensions, late cookie banners, web fonts swapping in, or embeds that resize after load.

• •Set width and height (or aspect-ratio) on every image, video, and iframe.
• •Reserve space for banners and announcement bars, or overlay them instead of pushing content.
• •Use font-display: optional or matched fallback metrics to limit font-swap shifts.
• •Never insert content above existing content unless the user asked for it.

Measure, fix, and keep it fixed

Performance regresses quietly. A new campaign pixel, a heavier hero, a fresh plugin — each feels harmless. Put a performance budget into your release process and recheck field data monthly. When we rebuild sites at Finetune, we treat Core Web Vitals as acceptance criteria, not as a post-launch optimization.