Core Web Vitals on your homepage: what to fix first

Key takeaways

For homepage Core Web Vitals, fix Largest Contentful Paint first, because on most homepages it is the hero image or headline and it decides how fast the message appears. Google's thresholds are LCP within 2.5 seconds, Interaction to Next Paint within 200 milliseconds and Cumulative Layout Shift below 0.1, measured at the 75th percentile of real visits.

• LCP within 2.5 seconds: usually the hero image or headline.
• INP within 200 milliseconds: heavy scripts make buttons lag.
• CLS below 0.1: banners and images that push content down.
• Judge by field data from real visitors, not one lab test.

What are Core Web Vitals?

Core Web Vitals are Google's three measures of page experience: Largest Contentful Paint (how fast the main content appears), Interaction to Next Paint (how quickly the page responds to taps and clicks) and Cumulative Layout Shift (how much the layout jumps). The wider explanation is in our Core Web Vitals guide; this page focuses on the homepage.

• Why your homepage is not converting visitors into customers
• Core Web Vitals for business websites, explained

Why fix LCP first on a homepage?

On most homepages the Largest Contentful Paint element is the hero image or the headline, so LCP is effectively 'how long until visitors see your message'. The common fixes are compressing the hero, not lazy-loading it, giving it high fetch priority, reducing render-blocking fonts and scripts, and improving server response time.

• Choose a homepage hero image that sells
• Homepage too heavy? What to cut from the page weight

What causes poor INP and CLS on homepages?

Poor INP usually comes from heavy JavaScript, such as sliders, chat widgets and page builders, which keeps the browser busy when a visitor taps the button. Poor CLS comes from images without set dimensions, cookie banners and offer bars that push content down, and fonts that swap late.

• Why your website jumps around while it loads
• Third-party scripts: the hidden reason your site is slow

Where do you find your homepage's real numbers?

PageSpeed Insights shows field data from the Chrome User Experience Report when your page has enough traffic, plus a lab test. Search Console's Core Web Vitals report groups pages by status. Field data reflects real visitors' devices, so trust it over a single lab score.

• What Search Console says about your homepage

When are vitals not the main problem?

If the homepage passes all three and still does not convert, the issue is the message, proof or next step. Vitals are a floor, not a growth plan. Do not spend weeks chasing a perfect lab score while the headline still says 'Welcome to our website'.

• Which homepage problem should you fix first?

What does this look like in practice?

A pattern we see: a homepage with an LCP over 5 seconds on mobile because the hero image is lazy-loaded and several megabytes in size. Removing lazy loading from the hero, compressing it and preloading it often brings LCP under the 2.5-second threshold in an afternoon. web.dev reports Vodafone saw 8% more sales after a 31% LCP improvement.

• See client work
• Website Design & Development for UK businesses

Homepage Core Web Vitals checklist

• Find the LCP element in PageSpeed Insights.
• Do not lazy-load the hero; give it high priority.
• Compress the hero and limit render-blocking fonts.
• Delay non-essential scripts to improve INP.
• Set image dimensions and reserve space for banners.
• Check field data monthly in Search Console.

• Homepage too heavy? What to cut from the page weight
• Homepage accessibility problems that cost customers

Next step

Run your homepage through PageSpeed Insights on mobile and note which element is the LCP. That one element is your first fix.