Alejandro Rioja.
SEO

How To Fix LCP Issue On Search Console? A 2026 Guide

Alejandro Rioja
Alejandro Rioja
8 min read
TL;DR

LCP (Largest Contentful Paint) must load in under 2.5s. Fix it by serving modern image formats (WebP/AVIF), preloading the LCP element, eliminating render-blocking resources, and improving server response time.

Free newsletter

Every Wednesday. 28,400+ operators. Zero fluff.

Table of contents

Open Table of contents

What Is LCP?

Largest Contentful Paint (LCP) measures how long it takes for the largest visible element on the page — usually a hero image, a video thumbnail, or a large block of text — to fully render in the viewport. It’s a user-perceived load speed metric: not when the page starts loading, but when the main content becomes visible.

Google’s threshold:

Elements that appear only after a click or scroll are excluded from the LCP measurement. It’s specifically about what a visitor sees immediately on arrival.

Relevant: Also read how to fix CLS issues in search console here

What Are Core Web Vitals in 2026?

Core Web Vitals are Google’s standardized set of metrics for page experience. As of March 2024, the three metrics are:

  1. LCP (Largest Contentful Paint) — loading performance; target under 2.5s
  2. INP (Interaction to Next Paint) — responsiveness; target under 200ms
  3. CLS (Cumulative Layout Shift) — visual stability; target under 0.1

Important update: FID (First Input Delay) was retired as a Core Web Vital in March 2024 and replaced by INP. INP is stricter — it measures the worst-case interaction latency across the entire page session, not just the first one. If you have older posts or documentation referencing FID, that information is now outdated.

You can read more about overall website speed optimization in my Core Web Vitals guide.

Why LCP Matters for Rankings

Google uses Core Web Vitals as a ranking signal. Poor LCP doesn’t just hurt user experience — it costs you positions in search results.

More practically: a slow-loading hero image means users see a blank or partially loaded page for several seconds. That drives bounces, especially on mobile. If your LCP element is a product image or a featured article photo, every extra second it takes to appear is a second where users are deciding whether to stay.

Finding Problematic URLs in Search Console

  1. Log in to Google Search Console
  2. In the left sidebar under Experience, click Core Web Vitals
  3. You’ll see separate reports for Mobile and Desktop — check both
  4. Click Open Report on either
  5. The report shows URL groups with Poor, Needs Improvement, or Good status
  6. Click on a “LCP issue: longer than 4s” row to see example URLs

These are real-user measurements (field data from the Chrome User Experience Report), so they reflect actual visitor conditions — not just lab tests.

Checking Your LCP Score in PageSpeed Insights

Once you have a specific URL to investigate, go to PageSpeed Insights and enter the URL. It shows both field data (if available) and lab data from a controlled test.

Look at:

Run the test for mobile separately from desktop. Mobile typically has worse scores due to slower networks and CPU, and it’s weighted more heavily in Google’s rankings.

How to Identify Which Element Is Your LCP

Open Chrome DevTools on the page you want to check:

  1. Right-click anywhere on the page → Inspect
  2. Go to the Performance tab
  3. Click Record (circle icon), reload the page, then stop recording
  4. Look for the LCP marker in the Timings row
  5. Click it to see which element was identified as the LCP element

In most cases it’s a hero image, a large <h1>, or a video poster frame. Knowing exactly which element it is tells you where to focus your optimization effort.

Effective Methods to Fix LCP Issues

1. Serve Images in Modern Formats

The fastest single win for image-heavy LCP is switching from JPEG/PNG to WebP or AVIF. Both offer significantly better compression at equivalent visual quality.

For WordPress sites, plugins like Imagify, ShortPixel, or Cloudflare’s Image Resizing handle the conversion automatically and serve the right format based on browser support. For static sites, most build tools (Next.js, Astro, etc.) have built-in image optimization that converts and resizes on build.

Note: JPEG XR and JPEG 2000 (mentioned in older guides) are effectively obsolete. WebP has universal browser support; AVIF is widely supported as of 2024.

2. Preload the LCP Element

If your LCP element is an image, add a <link rel="preload"> tag in the <head> so the browser fetches it immediately rather than discovering it later in the HTML parsing:

html
<link rel="preload" as="image" href="/images/hero.webp" fetchpriority="high">

The fetchpriority="high" attribute (now well-supported across browsers) tells the browser to prioritize this resource over other images on the page.

3. Eliminate Render-Blocking Resources

CSS and JavaScript that block rendering delay when the browser can start painting the page. Common fixes:

Tools like PageSpeed Insights will flag specific blocking resources under Opportunities.

4. Improve Server Response Time (TTFB)

If the server takes too long to respond, everything downstream is delayed. Target a Time to First Byte (TTFB) under 800ms.

Ways to improve TTFB:

5. Lazy Load Below-the-Fold Images (but NOT the LCP element)

Use loading="lazy" on images that appear below the fold to defer their loading. But critically — do not apply lazy loading to the LCP element itself. That would delay it further and directly worsen your LCP score. This is a common mistake I see on WordPress sites where a global lazy-load plugin is applied indiscriminately.

6. Use Responsive Images

Serve appropriately sized images for the device making the request. A mobile user doesn’t need a 2400px wide image. Use srcset and sizes attributes to let the browser pick the right version:

html
<img
  src="hero-800.webp"
  srcset="hero-400.webp 400w, hero-800.webp 800w, hero-1600.webp 1600w"
  sizes="(max-width: 600px) 400px, (max-width: 1200px) 800px, 1600px"
  alt="Hero image"
  fetchpriority="high"
>

7. Validate the Fix in Search Console

After making changes, go back to PageSpeed Insights and re-test the URL to confirm the LCP improved in lab data. Then, in Search Console, open the Core Web Vitals report and click Validate Fix on the affected URL group. This signals to Google that you’ve made improvements.

Be aware: field data (real-user measurements) takes weeks to update in Search Console because it reflects a rolling window of actual visits. Don’t expect immediate changes in the report.

LCP Fixing — 2026 FAQ

Does fixing LCP guarantee a ranking improvement?

Not directly. Core Web Vitals are a ranking factor, but one of many. Fixing a Poor LCP score removes a signal that may be actively hurting you, which can lead to ranking improvements — especially in competitive niches where other signals are similar across competing pages. Think of it as raising the floor, not a lever that guarantees a specific ranking jump.

Did Google replace FID with INP?

Yes. In March 2024, Google officially replaced First Input Delay (FID) with Interaction to Next Paint (INP) as the responsiveness metric in Core Web Vitals. INP measures the worst interaction latency across the full page session (not just the first interaction), making it a stricter and more realistic measure of how responsive a page feels during use.

My PageSpeed Insights score is good but Search Console still shows Poor. Why?

PageSpeed Insights lab data is a controlled synthetic test. Search Console field data comes from real Chrome users visiting your site under real-world conditions (varying devices, network speeds, geography). A page can look fine in a lab test but perform poorly for actual visitors on slow mobile connections. Focus on improving field data by addressing the root causes — usually image size, render-blocking resources, or slow server response — rather than chasing the lab score alone.

What tools can I use to diagnose LCP in 2026?

The main ones: PageSpeed Insights (pagespeed.web.dev) for combined lab + field data, Chrome DevTools Performance panel for element-level diagnosis, WebPageTest for waterfall analysis and filmstrip views, and Search Console’s Core Web Vitals report for field data across your entire site. Lighthouse (built into Chrome DevTools) also surfaces LCP diagnostics.

Related reading:


The shorter version

If you’re reading this because the workflow it describes is eating your week, that’s the kind of loop I build AI agents for. Two build slots open at a time.

Updated for May 2026

Google’s 2026 story is AI Overviews everywhere: the SGE experiment from 2023 graduated to a default feature in May 2024 and now appears on an estimated ~60% of US informational queries. For SEO and ad operators:

The “how Google makes money” answer in 2026: still Search ads (dominant), but YouTube ads, Cloud, and Subscriptions (YouTube Premium + Google One) are all material lines now.

Keep reading

Get the AI playbook in your inbox

Every Wednesday. 28,400+ operators. Zero fluff.

↵ to see all results esc esc to close