Pillar guide · 8 chapters · 40 min read

Core Web Vitals and Page Experience. The performance signal that matters, the metrics that do not, and how to fix the ones that count.

Core Web Vitals are a confirmed Google ranking signal. It is also a small one. Most agencies oversell the SEO upside of speed work and undersell the conversion-rate upside. This pillar covers what the three Vitals actually measure (LCP, INP and CLS), how to fix each one, why field data and lab data disagree, why mobile usability and HTTPS are now baseline rather than competitive advantages, and where Lighthouse fits in the workflow. Built on what we measure across Perth and WA client sites in 2026.

A web performance optimisation workspace in a sunlit Australian office. A modern smartphone in the foreground displays an abstract speed gauge dial reading green in the fast zone, alongside three small circular meters showing performance metrics. A laptop shows an abstract page-load waterfall chart with green and amber bars stacked horizontally. Beside the devices: a stopwatch, an open notebook with hand-drawn performance graphs, and a takeaway coffee.
8
The chapters in this pillar, covering every part of the Page Experience signal from the three Core Web Vitals through to HTTPS and Lighthouse.

What Core Web Vitals actually are

Core Web Vitals are three measurements of how a real user experiences a real page load. Largest Contentful Paint (LCP) measures how quickly the biggest piece of content above the fold becomes visible. Interaction to Next Paint (INP) measures how quickly the page responds when a user taps, clicks or types. Cumulative Layout Shift (CLS) measures how much the layout jumps around as the page loads. The three together capture the felt experience: did it load fast, does it respond fast, does it stay still.

Google uses these as a ranking signal under the wider Page Experience umbrella. The Page Experience umbrella also covers mobile usability, intrusive interstitials and HTTPS. The signal is small. It is not a tiebreaker boost; it is closer to a baseline check. A page with the best content for a query will outrank a faster page with weaker content. A page with great Core Web Vitals will not climb the rankings on Vitals alone. We see this play out in client data every month.

The reason to still take Core Web Vitals seriously is that the second-order effects matter more than the SEO signal. Slow pages convert worse. Pages that jank under the user's finger convert worse. Pages that take three seconds to respond to a tap on a "Get a quote" button lose the lead. Speed work pays for itself in conversion rate, and the small SEO benefit is a bonus, not the headline. Kinda unsexy advertising but the best money you'll ever spend if your site is genuinely slow. See speed optimisation for the service breakdown.

The ranking impact, honestly

Three things to be honest about with Core Web Vitals as a ranking factor.

It is confirmed. Google has stated repeatedly since the 2021 Page Experience update that Core Web Vitals are part of the ranking system. That has not changed. INP replaced FID in March 2024 as the responsiveness metric, but the broader signal is intact.

It is small. Google has also been clear that Page Experience is one of many signals and that great content with weak Vitals beats weak content with great Vitals. Internally we frame it as table stakes: do not have poor Vitals on your important pages, but do not expect a ranking jump from going from green to greener. The diminishing returns kick in fast.

It is field-data driven, not lab-data driven. The data Google uses for ranking is sourced from CrUX, the Chrome User Experience Report. CrUX captures real Chrome visitors on their real connections. The Lighthouse score in DevTools is lab data: a simulated load on a throttled connection. Lighthouse is for diagnosis. CrUX is for ranking. Optimising for the Lighthouse score without checking field data is one of the most common Page Experience mistakes we see.

The practical implication is straightforward. Fix the worst pages first. Get them out of Poor and into Needs Improvement. Then move Needs Improvement pages into Good where the conversion-rate upside justifies the engineering effort. Do not chase 100 Lighthouse scores; chase passing field-data Core Web Vitals on the pages that drive revenue. See Core Web Vitals explained for the full breakdown.

How Page Experience looks in 2026

Six patterns from auditing Perth and WA client sites this year. None of these are algorithmic claims; all are observation from running performance audits as part of website audits.

INP exposes JavaScript-heavy sites

INP replaced FID in March 2024 and is much less forgiving. FID only measured the first input; INP measures the worst interaction across the session. Sites with heavy third-party scripts (chat widgets, analytics, A/B testing tools, marketing pixels) often pass FID and fail INP. The fix is usually script pruning, deferring or moving work into web workers, not a CMS migration. See INP explained.

Hero images dominate LCP results

On the majority of Perth client sites, the LCP element is the hero image at the top of the page. Optimising that one image (correct format, correct dimensions, fetchpriority high, no lazy-load on above-fold) usually moves LCP from 4 seconds to under 2.5 seconds without any other changes. The image-SEO chapter covers the format and sizing discipline; the LCP chapter covers the preload and fetchpriority part.

CLS is mostly ad slots and embeds

CLS issues in 2026 cluster around three causes. Image dimensions missing from the markup. Ad slots that load late and push content. Third-party embeds (YouTube, Instagram, TikTok, maps) that resize after the initial paint. Each one has a fix. The discipline is reserving space for everything that loads after the initial HTML. See CLS fixes.

Mobile usability is no longer a separate report

Google deprecated the standalone Mobile Usability report in GSC in late 2023. The signal is now folded into Core Web Vitals (the report is split into Mobile and Desktop) and the wider crawl process. The practical workflow is to test on a real mid-range Android phone, not just on Chrome DevTools mobile emulation. The emulator misses real-device issues that affect a meaningful share of Australian users on $400 Android phones. See mobile usability.

Intrusive interstitials are still triggered by aggressive popups

The signal has been live since 2017 and it still fires. Newsletter popups that cover the main content immediately on mobile arrival from organic search hurt rankings for that page. We see it most on e-commerce sites with discount overlays and on publishers with email signup walls. Cookie banners required by AU privacy law are exempt; the rule is about content blocking, not consent UI. See intrusive interstitials.

HTTPS is now baseline, not a signal

HTTPS as a ranking factor was announced in 2014 and was always a small signal. In 2026, every reputable site is on HTTPS. The Chrome address bar marks HTTP as Not Secure. The ranking lift is functionally zero because the baseline has moved. The reason to be on HTTPS is user trust and modern-web compatibility (HTTP/2, service workers, modern browser APIs all require HTTPS). See HTTPS as a ranking factor and the technical HTTPS implementation guide.

The 8 sub-topics that make up the pillar

This pillar splits into eight chapters. Each one covers a sub-topic you will hit the moment you start taking Page Experience seriously for an Australian business.

A four-by-two grid presenting the eight Core Web Vitals chapters: Core Web Vitals explained, LCP optimisation, INP explained, CLS fixes, mobile usability, intrusive interstitials, Lighthouse explained, and HTTPS as a ranking factor.
Three horizontal threshold bars showing the published Core Web Vitals zones. LCP: Good up to 2.5 seconds, Needs Improvement 2.5 to 4 seconds, Poor above 4 seconds. INP: Good up to 200 milliseconds, Needs Improvement 200 to 500 milliseconds, Poor above 500 milliseconds. CLS: Good up to 0.1, Needs Improvement 0.1 to 0.25, Poor above 0.25. Each metric labels what it measures and the typical fix.
The published thresholds. Sit in the green zone on all three and Page Experience is no longer a ranking concern.
  1. Core Web Vitals explained. The three metrics in plain English. What LCP, INP and CLS measure, the published thresholds, and how field data differs from lab data.
  2. LCP optimisation. The step-by-step for finding your LCP element, optimising the hero image, preloading the right resources, and getting LCP under 2.5 seconds.
  3. INP explained. Why INP replaced FID, what gets measured, how to identify long tasks tied to interactions, and the JavaScript-pruning workflow.
  4. CLS fixes. The four causes of layout shift, the reserving-space discipline, and the ad and embed patterns that ship without breaking CLS.
  5. Mobile usability. Why the standalone report is gone, what mobile-first actually means in 2026, and the real-device testing workflow.
  6. Intrusive interstitials. What triggers the signal, what is exempt, and how to run promotional popups without hurting rankings.
  7. Lighthouse explained. What the Lighthouse score is and is not. How to read each audit category and where it fits in the diagnosis-to-fix workflow.
  8. HTTPS as a ranking factor. The 2014 announcement, why it matters now, and the HTTPS migration checklist that does not destroy organic traffic.

Our framework: the Page Experience stack

A four-layer stacked diagram of the Page Experience stack. Layer 1 Measure field data at the base contains the Search Console Core Web Vitals report and CrUX field data. Layer 2 Diagnose with lab tools contains Lighthouse, DevTools Performance panel, and PageSpeed Insights. Layer 3 Fix templates not pages contains hero preload, JavaScript pruning, and reserved space. Layer 4 Wait 28 days and re-measure at the top contains the CrUX field recheck on its 28-day rolling window. An upward arrow on the left labels the build order.

Every Page Experience engagement we run for a Perth or WA client is built around four layers. Skip a layer or work them out of order and the speed work returns no measurable benefit.

Layer 1: Measure the field data

Before touching code, pull the field data. The GSC Core Web Vitals report shows which URL groups pass, need improvement or fail. The CrUX field-data view in PageSpeed Insights shows the same data per URL. This is what Google uses; this is what you optimise for. The lab data in Lighthouse is for diagnosis only. See Google Search Console for the reporting workflow.

Layer 2: Diagnose with lab tools

Once you know which pages have the problem, run Lighthouse and the Chrome DevTools Performance panel on those pages. Identify the LCP element. Find long tasks tied to INP. Trace the layout shifts that drive CLS. Lab tools give per-element diagnostics that field data does not. See Lighthouse explained.

Layer 3: Fix the templates, not the pages

One badly optimised hero image is a page-level fix. The same image being badly optimised on every product template is a template-level fix that improves thousands of pages at once. GSC groups URLs by template-style similarity for exactly this reason. Always fix at the template level when the same issue affects multiple URLs. See image SEO for the image-level fixes and JavaScript SEO for the JS-level fixes.

Layer 4: Wait 28 days and re-measure

Field data is a 28-day rolling 75th percentile. A fix shipped today only starts showing in the field data report two to four weeks later, and only fully reflects after 28 days. Do not panic when the lab score is green and the field report still shows red for a few weeks. Do not declare victory either; the field number is the one Google uses.

The order matters. Most teams skip Layer 1 (field data) and jump to Layer 2 (Lighthouse) because Lighthouse is in DevTools and CrUX feels harder to find. The result is teams chasing a Lighthouse 100 on pages that already pass the field data and ignoring the pages that fail. Pull the field data first.

Where most businesses get this wrong

From auditing Perth and WA businesses through 2025 and 2026, the same six failure modes come up.

What works
  • Pulling field data from GSC and CrUX before touching code.
  • Fixing the worst URL group first, not the most interesting page.
  • Treating LCP, INP and CLS as three separate engineering problems.
  • Optimising at the template level so one fix improves hundreds of pages.
  • Real-device testing on a mid-range Android phone, not just on the office MacBook.
  • Reserving space for every image, ad and embed to keep CLS at zero.
What kills momentum
  • Chasing a Lighthouse 100 on pages that already pass field data.
  • Optimising a single page while ignoring the template that drives the issue.
  • Adding a chat widget, an A/B testing tool and three marketing pixels and wondering why INP tanked.
  • Treating the standalone Mobile Usability report as still active when it was deprecated in 2023.
  • Running aggressive newsletter popups on mobile organic landing pages.
  • Selling Core Web Vitals work to clients as if it will double their rankings.

The single biggest mistake we see in 2026 is the Lighthouse 100 chase. The agency builds a beautiful score on the homepage, the homepage was already green in field data, and the e-commerce product pages that drive revenue still fail Core Web Vitals because nobody pulled the field-data report. The fix is to always start with field data, always fix the worst URL group first, and only invest engineering effort where it will move the field-data number on a page that matters.

Tools and a checklist

You do not need an expensive stack to run Page Experience properly. Six inputs, most of which are free.

  1. Google Search Console Core Web Vitals report. Free. The field-data view grouped by URL template. Start here every month. See Google Search Console.
  2. PageSpeed Insights. Free. Combines CrUX field data with a Lighthouse lab run for a single URL. The fastest way to see both data sources side by side.
  3. Lighthouse in Chrome DevTools. Free. The diagnostic tool. Use the Performance panel alongside Lighthouse for deeper traces. See Lighthouse explained.
  4. Chrome DevTools Performance panel. Free. The trace view for diagnosing long tasks (INP) and layout shifts (CLS). Use CPU throttling at 4x to simulate a mid-range Android phone.
  5. A real mid-range Android phone. Cheap. Emulation misses real-device issues. We keep a sub-$400 Pixel A in the office for mobile testing.
  6. WebPageTest or DebugBear. Paid, optional. For deeper waterfall traces, geographic testing, and historical monitoring. Useful for large sites; overkill for small ones.

For the wider Hub context this pillar plugs into, the Technical SEO pillar covers the broader crawler and indexing layer, the On-Page SEO pillar covers the markup-level work (image SEO and header structure in particular), and the SEO Measurement pillar covers how to track the impact alongside other KPIs. The speed optimisation service is the most directly aligned service we run.

A 10-point Core Web Vitals readiness checklist

  1. Is the GSC Core Web Vitals report being pulled monthly?
  2. Is the field data in CrUX reviewed alongside Lighthouse lab data?
  3. Are the worst URL groups identified by traffic, not by interest?
  4. Is the LCP element documented for each major template?
  5. Is every above-fold image preloaded with fetchpriority high?
  6. Are width and height attributes set on every image?
  7. Is JavaScript audited quarterly for unused scripts and third-party bloat?
  8. Are ad slots and embeds reserving space to prevent CLS?
  9. Is real-device testing on a mid-range Android phone part of the QA flow?
  10. Is HTTPS configured properly with HSTS and modern TLS, not just an SSL cert?

What to read next

Once you have read this pillar, the natural next steps are:

  • Core Web Vitals explained. Start here. The three metrics, the thresholds, and the field-versus-lab distinction.
  • LCP optimisation. The single highest-impact fix on most sites: get the hero image right.
  • INP explained. The new responsiveness metric that exposes JavaScript-heavy sites.
  • CLS fixes. The reserving-space discipline that prevents the jank.
  • JavaScript SEO. The cross-pillar piece on the JS-level decisions that affect both crawl and performance.
  • Image SEO. The cross-pillar piece on image-level optimisation that drives LCP wins.
  • Google Search Console. The reporting tool where you pull the field data.
  • SEO Glossary. Page Experience entries (core-web-vitals, page-speed, lighthouse, render-blocking, mobile-first, https-ssl) all defined in plain English.

All chapters in this pillar

  1. 01
    Core Web Vitals explained
    The three metrics in plain English. What LCP, INP and CLS measure, the published thresholds, and how field data differs from lab data.
  2. 02
    LCP optimisation
    The step-by-step for finding your LCP element, optimising the hero image, preloading the right resources, and getting LCP under 2.5 seconds.
  3. 03
    INP explained
    Why INP replaced FID, what gets measured, how to identify long tasks tied to interactions, and the JavaScript-pruning workflow.
  4. 04
    CLS fixes
    The four causes of layout shift, the reserving-space discipline, and the ad and embed patterns that ship without breaking CLS.
  5. 05
    Mobile usability
    Why the standalone report is gone, what mobile-first actually means in 2026, and the real-device testing workflow.
  6. 06
    Intrusive interstitials
    What triggers the signal, what is exempt, and how to run promotional popups without hurting rankings.
  7. 07
    Lighthouse explained
    What the Lighthouse score is and is not. How to read each audit category and where it fits in the diagnosis-to-fix workflow.
  8. 08
    HTTPS as a ranking factor
    The 2014 announcement, why it matters now, and the HTTPS migration checklist that does not destroy organic traffic.

Frequently asked

Are Core Web Vitals a Google ranking factor?
Yes, but it is a small one. Google confirmed Core Web Vitals as a ranking signal under the Page Experience update and has kept it in the system since. The practical impact is table stakes for ranking rather than a tiebreaker boost. A page with poor Core Web Vitals can still rank if the content is the best match for the query, and a page with great Core Web Vitals will not outrank stronger content on Vitals alone.
What counts as good LCP, INP and CLS?
Google's published thresholds are 2.5 seconds or less for Largest Contentful Paint, 200 milliseconds or less for Interaction to Next Paint, and 0.1 or less for Cumulative Layout Shift. To pass, the 75th percentile of real-user data across mobile and desktop has to meet the threshold over a 28-day window.
Does Lighthouse score affect rankings?
No, not directly. Google ranks on field data from the Chrome User Experience Report, not on Lighthouse lab data. Lighthouse is a diagnostic tool that simulates a single page load on a throttled connection; it is useful for finding what to fix but it is not the score Google uses. A Lighthouse score of 100 with poor field-data Core Web Vitals will still hurt rankings.
Why does field data lag the changes I made?
Field data is calculated from a 28-day rolling window of real Chrome users hitting the site. A fix you ship today only enters the window gradually as new visits accumulate, and the report does not update until 28 days have rolled through. Lab data updates immediately; field data takes a month.
Is mobile-first indexing still a thing in 2026?
Google has been on mobile-first indexing for years. In 2026 it is the default and only state. Google crawls and indexes the mobile version of the site; the desktop version is for users on desktop, but it is not what gets indexed. If the mobile site is missing content the desktop has, that content is not in the index.
Do intrusive interstitials still penalise pages?
Yes. The intrusive interstitial signal has been live since 2017 and is still part of Page Experience. Full-screen popups that cover the main content immediately on mobile arrival from search hurt rankings for that page. Cookie banners required by law, age gates and login walls behind paywalls are explicitly exempted; aggressive newsletter popups and discount overlays that block content are not.
Is HTTPS still a ranking factor?
Yes, but it has been since 2014 and is now baseline. Every reputable site is on HTTPS. Chrome marks HTTP sites as Not Secure in the address bar. The ranking boost was small even at launch and has been absorbed into the broader Page Experience signal. The reason to be on HTTPS now is not the ranking lift; it is that HTTP is broken from a user-trust and security perspective.
How fast does a page need to load to rank?
There is no single speed threshold. The signal Google uses is the Core Web Vitals composite, which depends on LCP, INP and CLS together. A page can have a slow Time to First Byte and still pass Core Web Vitals if the visible content paints quickly. A page can have a fast TTFB and fail Core Web Vitals if the hero image is huge or the layout shifts after load. Focus on the three Vitals, not on legacy speed metrics.
See how your site stacks up

Get a free SEO audit of your site.

30 seconds. Real Lighthouse scores, real keyword data, real backlink profile, AI-generated quick wins. Free, no sales pitch.

Get a Free SEO Audit

Or call 0435 462 205