Core Web Vitals for Small Business Sites: The 2026 Speed Playbook

Google's Core Web Vitals — LCP (Largest Contentful Paint), INP (Interaction to Next Paint), and CLS (Cumulative Layout Shift) — are a confirmed ranking signal and a measurable conversion lever. A site that goes from 4-second LCP to 1.5-second LCP typically sees 10–20% more form submissions on the same traffic. Here's the fix order we use on every audit.

Step 1: Measure with real data, not lab data

Lighthouse runs in your browser with a simulated network. The Chrome User Experience Report (CrUX) shows what actual visitors experience. Use PageSpeed Insights — it shows both. Optimize against the field data (CrUX), not the lab score.

Step 2: Fix LCP first (biggest ranking + conversion impact)

• Add fetchpriority="high" to the hero image — single biggest win, usually 1–2 seconds
• Preload the hero image with <link rel="preload" as="image">
• Serve hero in modern format (AVIF or WebP) at the exact rendered size
• Self-host fonts and use font-display: swap — Google Fonts CDN adds 300–600ms
• Defer or async every non-critical script (analytics, chat widgets, pixels)

Step 3: Kill layout shift (CLS)

• Set explicit width and height on every img and iframe
• Reserve space for ads, embeds, and consent banners with min-height
• Avoid injecting content above the fold after page load
• Preload web fonts to prevent FOUT-to-FOIT shift

Step 4: Fix INP (interactivity)

INP measures the worst input delay on the page. The usual culprits are heavy third-party scripts (chat widgets, tag managers, heatmaps) that block the main thread. Audit your script bundle: anything not essential to the first interaction should load on user gesture or after window 'load'.

Step 5: Re-measure in 28 days

CrUX data is a 28-day rolling window — fixes you ship today don't fully reflect in Search Console for almost a month. Don't panic if scores look unchanged at day 3. Re-check at day 30.