Core Web Vitals: What They Are and Why They Affect Your Google Rankings

Most Melbourne business owners have heard 'your site is slow' without ever knowing what slow actually means to Google. Core Web Vitals give you the specific numbers. Not 'your site is slow.' 'Your LCP is 4.2 seconds and Google's threshold is 2.5 seconds.' That's a fixable problem. This guide explains what each metric means, why it matters, and what to do about it.

The Three Core Web Vitals

LCP — Largest Contentful Paint

LCP measures how long it takes for the largest visible element on the page to load. This is usually the hero image, the main heading, or a large block of text. Think of it as: how long until the main thing the visitor came to see is visible?

The most common LCP killers for Melbourne small business websites: uncompressed hero images, render-blocking scripts loading before the main content, slow server response times, and Google Fonts loaded synchronously.

INP — Interaction to Next Paint

INP replaced FID (First Input Delay) in March 2024. It measures how quickly your page responds after a user clicks, taps, or presses a key. If a visitor clicks your phone number and nothing happens for 300 milliseconds, that's a failing INP. It feels like a broken site.

INP failures are almost always caused by heavy JavaScript execution. Live chat widgets, popup scripts, tracking pixels, and social share buttons all compete for browser processing time. The more third-party scripts running on your page, the worse your INP tends to be.

CLS — Cumulative Layout Shift

CLS measures how much the page layout shifts unexpectedly as it loads. You've experienced this: you're about to click a button, an ad loads above it, and you tap the wrong thing. That's a high CLS site.

38% more users leave a page prematurely when CLS is above 0.25 (Google UX Research, 2026). The most common causes: images without explicit width and height attributes, late-loading ads, and web fonts that swap in after the text renders.

How Core Web Vitals Affect Rankings in 2026

Google is clear that Core Web Vitals are a ranking signal, not the ranking signal. Content quality, backlinks, and E-E-A-T still matter more than page speed. But when two pages are comparable in content and authority, CWV is the tiebreaker. After the March 2026 core update, pages in position 1 show a 10% higher CWV pass rate than pages sitting in position 9. That correlation has strengthened year on year.

There's also the AI search angle: sites with poor Core Web Vitals rarely appear in AI-generated search responses. According to CD Studio's December 2025 analysis, slow sites lose both organic and AI-cited traffic simultaneously. Full AI search picture: what LLM SEO involves.

How to Check Your Core Web Vitals

• PageSpeed Insights (pagespeed.web.dev): Free. Test any URL. Shows both lab data (simulated) and field data (real user data from Chrome). Always check mobile — Google uses mobile scores for ranking.
• Google Search Console: Go to Experience > Core Web Vitals. Shows how your pages perform in the real world across all your indexed URLs, segmented by Good / Needs Improvement / Poor.
• Chrome DevTools: For developers. Open any page in Chrome, press F12, go to the Performance tab. Records and visualises every load event.

Check Search Console's CWV report first. It shows how your actual visitors experience your site — which is what Google measures. PageSpeed Insights shows a point-in-time test that may not reflect real-world conditions.

Fixing Common CWV Issues Without a Developer

Fixing LCP (Slow Load)

• Compress your images: Use TinyPNG or Squoosh before uploading. Hero images should be under 300KB. This is the single most impactful free fix for most Melbourne small business sites.
• Use WebP format: WebP is 25 to 35% smaller than JPEG at the same quality. Most modern WordPress plugins (ShortPixel, Smush) convert automatically.
• Add a caching plugin (WordPress): WP Rocket or W3 Total Cache reduces server response time by serving pre-built pages instead of building from the database on each request.
• Preload your LCP element: Add <link rel='preload'> for the hero image in your HTML head. This tells the browser to load the most important image first.

Fixing INP (Slow Interaction)

• Audit your plugins and scripts: Every third-party script adds JavaScript that competes for processing time. Remove live chat widgets, popup builders, and tracking pixels you don't actively use.
• Defer non-critical JavaScript: Scripts that don't need to run before the page loads should have the 'defer' attribute. This is a developer change but typically a simple one.
• Check for Interaction issues in PageSpeed: The 'Reduce JavaScript execution time' and 'Avoid long main-thread tasks' diagnostics identify the specific scripts causing INP failures.

Fixing CLS (Layout Shifts)

• Add width and height to every image tag: When images don't have explicit dimensions, the browser doesn't reserve space for them. The page shifts when they load. Adding width='800' height='600' (or the actual dimensions) reserves the space.
• Reserve ad space: If you show ads or third-party widgets, set a fixed height container for them so the page doesn't shift when they load.
• Font swap: Add font-display: swap to your web font CSS. This stops the invisible text problem where text is hidden until the font loads, then suddenly jumps in.

Core Web Vitals by Platform

Note: Khalis Marketing's site is built on Next.js — the highest-performing platform for Core Web Vitals. Most Melbourne small businesses run WordPress or Shopify. Both can score well with proper optimisation. Full technical SEO guide including CWV: technical SEO audit step by step.

Frequently Asked Questions

Will fixing Core Web Vitals improve my rankings immediately?

Google uses a 28-day rolling window of real-user field data from Chrome. That means improvements take roughly four to six weeks to show in Search Console's CWV report. You won't see an immediate ranking jump the day after a fix.

My desktop score is 90 — why do I still have CWV issues?

Google uses mobile scores for ranking. A 90 desktop / 30 mobile score means your site fails the ranking threshold. Always check and prioritise the mobile PageSpeed score. Mobile users account for over 64% of web traffic globally as of 2026.

Does a perfect PageSpeed Insights score guarantee good rankings?

No. PageSpeed Insights measures lab data — a simulated test. Google ranks based on field data from real Chrome users. A perfect Lighthouse score with poor real-user experience data (often caused by server infrastructure or CDN issues) still fails the CWV threshold.