What Are Core Web Vitals — And Why They Directly Affect Your Business

# What Are Core Web Vitals — And Why They Directly Affect Your Business

You may have seen the term in a Google Search Console report, or had an agency mention it during an SEO audit. Core Web Vitals. The name sounds technical. The concept is actually straightforward — and once you understand it, the connection to your business performance becomes very direct.

---

What Core Web Vitals Are

Core Web Vitals are a set of metrics Google uses to measure the real-world experience of loading and using a webpage. Google announced them as an official ranking factor in 2021. They measure three things:

### LCP — Largest Contentful Paint

What it measures: How long it takes for the largest visible element on a page to load. This is usually the hero image, a large heading, or the main block of content.

Why it matters: LCP is Google's proxy for "how long does a user wait before the page feels loaded." A page where the main content loads in 4 seconds feels broken, even if technically the HTML came through instantly.

Google's thresholds:

• Good: under 2.5 seconds
• Needs improvement: 2.5–4 seconds
• Poor: over 4 seconds

The median WordPress site has an LCP of 4.5 seconds on mobile. Most Hong Kong businesses on WordPress are in the "Poor" category for this metric — often without knowing it.

### INP — Interaction to Next Paint

What it measures: How quickly a page responds when a user clicks a button, fills in a form field, or interacts with any element. INP replaced the older FID metric in March 2024 and captures a broader picture of page responsiveness.

Why it matters: A page that loads quickly but lags when you try to interact with it creates friction at the exact moment a user is trying to take an action — filling in a contact form, clicking a buy button, selecting a date.

Google's thresholds:

• Good: under 200 milliseconds
• Needs improvement: 200–500ms
• Poor: over 500ms

### CLS — Cumulative Layout Shift

What it measures: Whether page elements move around while the page is loading. The classic example is clicking a button and having the page shift right before your click, causing you to click the wrong thing.

Why it matters: Layout shifts create a jarring experience and cause accidental clicks. They're particularly common on pages where ads, images without specified dimensions, or late-loading fonts push content down.

Google's thresholds:

• Good: under 0.1
• Needs improvement: 0.1–0.25
• Poor: over 0.25

---

Why This Is a Business Problem, Not Just a Technical One

The connection between Core Web Vitals and business outcomes runs through three channels.

### Search Rankings

Google uses Core Web Vitals as a ranking signal. When two pages are equally relevant to a search query, the one with better Core Web Vitals scores will typically rank higher. For Hong Kong businesses in competitive local markets, this is a meaningful differentiator.

The effect is most visible at the margin — when your site is competing for the 5th through 10th positions in search results. Core Web Vitals can be the factor that moves a page from position 8 to position 4, or vice versa.

### Conversion Rate

Google and Deloitte published research showing that a 0.1-second improvement in page load time correlates with an 8% improvement in conversions for retail sites and a 10% improvement for travel sites. These numbers reflect real user behaviour: people leave slow pages before they finish loading.

For a Hong Kong business generating 100 enquiries per month from organic search, an 8% improvement in conversion rate means 8 additional enquiries from the same traffic. At scale, this is material.

### Mobile Indexing

Google uses mobile-first indexing, meaning it primarily evaluates the mobile version of your site for ranking purposes. Core Web Vitals scores on mobile tend to be significantly worse than on desktop — because mobile devices have less processing power and often run on slower connections.

A site that performs well on desktop but poorly on mobile is being evaluated on its worst-performing version.

---

Why WordPress and Shopify Sites Struggle With Core Web Vitals

The platform you build on has a significant impact on how achievable good Core Web Vitals scores are.

WordPress challenges:

LCP is the biggest problem. WordPress loads JavaScript and CSS from multiple plugins in the `<head>` of each page, blocking the browser from rendering content until those files are processed. Even with caching and a CDN, reducing LCP below 2.5 seconds on mobile requires significant development effort — and the result is fragile, breaking when plugins are updated.

INP suffers on WordPress because heavy JavaScript execution from page builders and tracking scripts delays how quickly the page responds to user interactions.

Shopify challenges:

Shopify's Liquid templating language adds rendering overhead compared to static files. Every page load involves server-side processing through Liquid. Third-party apps inject additional JavaScript — each app degrading performance incrementally. Shopify's own research found that each additional app reduces Lighthouse scores by 3–5 points.

LCP and INP are both affected. CLS is also common on Shopify stores where product images don't have explicitly set dimensions.

---

What Passing Core Web Vitals Actually Requires

"Passing" Core Web Vitals means being in the "Good" range for all three metrics on the mobile version of at least 75% of your pages. Not just your homepage — all key pages.

Achieving this on a platform like WordPress typically requires:

• Removing or replacing heavy plugins with lighter alternatives
• Switching to a performance-optimised theme (often meaning a complete redesign)
• Implementing server-side caching, a CDN, and image optimisation
• Minimising render-blocking resources through manual script loading optimisation
• Setting explicit dimensions on all images and media elements

This is achievable. But it requires ongoing maintenance — because every plugin update can reset your progress.

On a Next.js static site, the same goals are met by the architecture itself:

• Pages are pre-built as static HTML files — no server-side processing on each request
• JavaScript is code-split and loaded only as needed
• Images are automatically served in the optimal format and size
• No plugin layer exists to add render-blocking scripts

The difference in baseline performance between a well-configured Next.js site and a well-optimised WordPress site is typically 20–40 Lighthouse points. That gap translates directly to Core Web Vitals scores.

---

How to Check Your Current Core Web Vitals Score

PageSpeed Insights (pagespeed.web.dev) gives you both lab data (simulated performance) and field data (actual user experience from the Chrome User Experience Report). Check both. Focus on the mobile tab. Look specifically at LCP, INP, and CLS.

Google Search Console shows Core Web Vitals data for your entire site under the "Experience" section, broken down by URL. This is where you'll see which specific pages are failing and by how much.

If your mobile LCP is consistently above 3 seconds, or if Search Console shows a significant portion of your URLs in the "Poor" category, your platform architecture is worth re-evaluating — not just your optimisation approach.

---

Common Questions

Will improving Core Web Vitals definitely improve my rankings?

Core Web Vitals is one of many ranking signals. Improving it won't override weak content or poor backlink profiles. But for Hong Kong businesses that already have solid content and are competing in the middle of the first page or the top of the second page, Core Web Vitals can be a decisive differentiator.

My homepage scores well. Does that mean I'm fine?

Not necessarily. Google evaluates Core Web Vitals at the page level, across your entire site. A homepage that's been manually optimised may score well while product pages, blog posts, or service pages — which haven't received the same attention — score poorly. Check a representative sample of your key pages, not just the homepage.

Is there a way to pass Core Web Vitals on WordPress without rebuilding?

Yes, with significant effort. A lightweight theme, minimal essential plugins, server-side caching, a CDN, and manual script optimisation can get many WordPress sites into the "Good" range. The challenge is sustainability: maintaining those scores through plugin updates and content changes requires ongoing developer attention.

---

Core Web Vitals as a Competitive Lens

One practical way to use Core Web Vitals is as a competitive benchmark. Run your key competitors' URLs through PageSpeed Insights. If they're scoring 35 on mobile and you're scoring 28, you're at parity. If they're scoring 85 and you're at 35, that gap is likely contributing to their ranking advantage in ways that content optimisation alone won't close.

The businesses that invest in genuine platform performance aren't just chasing a metric. They're removing a structural disadvantage that affects both search ranking and the experience users have when they actually arrive on the site.

If you'd like to understand what your current Core Web Vitals mean for your search performance — and what it would take to improve them — contact us for a free site audit. We'll give you a clear, honest picture of where you stand.