Back to Journal
Performance & SEONº 006June 14, 20266 min

What a 4-second LCP does to your checkout conversion rate

Four seconds sounds like nothing. At checkout, it's the gap between a closed sale and an abandoned cart.

The customer already decided to buy. They put the product in the cart, pulled the card out of their wallet, hit checkout. And then they sit staring at a nearly blank screen for four seconds.

Those four seconds are your Largest Contentful Paint. It's the time until the largest visible element on the page shows up. At checkout, that's usually the order summary or the payment button. Until it paints, the customer has nothing to do. Just wait and second-guess.

The second-guessing is the problem. A slow LCP doesn't just stall the page. It stalls a buying decision that was already made.

The number you should know

Google defines three bands for LCP. Up to 2.5 seconds is good. Between 2.5 and 4 seconds needs improvement. Above 4 seconds is poor. Your checkout at 4 seconds sits on the worst side of that line.

And this isn't cosmetic. Google itself published that as load time goes from 1 to 3 seconds, the chance of a user bouncing rises 32%. From 1 to 5 seconds, it rises 90%. Your checkout lives right in that danger zone.

Akamai, in a 2017 online retail study, measured that a delay of just 100 milliseconds dropped conversion by 7%. A hundred milliseconds. You have four thousand too many.

Why checkout is the worst place to be slow

There's a difference between a slow listing page and a slow checkout. On the listing, the customer is browsing. Patience runs higher because intent is still fuzzy.

At checkout, intent is at its peak and patience at its floor. The customer already did the mental work of deciding to spend money. Every second of waiting opens a window for hesitation. They remember they don't really need it. They think about comparing prices elsewhere. A notification arrives and they're gone.

You don't lose a curious visitor. You lose a sale you had already won.

What's usually eating your 4 seconds

On most slow checkouts, the culprit isn't mysterious. It's predictable. Look at the usual pattern:

  • Third-party scripts that block rendering — chat widgets, remarketing pixels, tag managers loaded synchronously at the top of the page.
  • Product images with no set dimensions, no modern format (AVIF or WebP), and no proper lazy loading, forcing the browser to wait.
  • A slow server response — a high Time to First Byte because the page is generated on demand without caching, instead of served pre-rendered.
  • Web fonts that block the text until they download, leaving the payment button invisible longer than it should be.
  • Excess JavaScript that has to be downloaded, parsed, and executed before the page becomes usable.

Notice one important detail. Almost none of these problems are about page design. They're engineering decisions. That's why so many people invest in redesigning the checkout and conversion doesn't budge. The problem was never the button color.

How to attack this for real

First, measure with real user data, not just on your laptop with fiber. The Chrome User Experience Report and Search Console show you the LCP your real customers suffer, on their phone, on their network. That's the truth that counts.

Then identify the concrete LCP element on your checkout page. Chrome DevTools tells you exactly which one it is. Don't guess. Optimize that element first, because it's the one that defines the metric.

  1. Pre-render or serve the checkout with caching to bring Time to First Byte under 800ms.
  2. Defer or load every third-party script asynchronously — the Facebook pixel doesn't need to block the pay button.
  3. Serve critical images in AVIF or WebP, with explicit dimensions and high priority on the LCP element.
  4. Use font-display swap so text shows up right away, without waiting for the font.
  5. Cut JavaScript that isn't needed for the first render and split the bundle.

It's worth doing this before any paid traffic campaign. There's no sense paying to bring customers to a checkout that loses them in the first four seconds. You're filling a leaky bucket.

The math nobody wants to do

Take your cart abandonment rate. Cross it with the LCP data from Search Console. If your checkout is above 4 seconds on mobile, part of your loss isn't a price objection or a trust gap. It's just slowness.

And slowness is the one conversion problem you can fix without changing a single word of your copy or a cent of your price. You fix it with engineering. It's one of the best-return investments an online business can make.


Measure your LCP this week. If it's at 4 seconds, you already know where the leak is.

References
  1. 01web.dev — Largest Contentful Paint (LCP)
  2. 02web.dev — Core Web Vitals
  3. 03Think with Google — Find out how you stack up to new industry benchmarks for mobile page speed
  4. 04Akamai — Online Retail Performance Report (2017)
  5. 05web.dev — Optimize Largest Contentful Paint
  6. 06Chrome Developers — Chrome User Experience Report
Also:
Performance & SEONº 003

Core Web Vitals — what actually matters in 2026

LCP, INP, CLS. Three numbers Google uses to decide whether your site deserves the first page.

Web for SMBsNº 005

Why your 2019 WordPress site is costing you customers in 2026

Seven years is an eternity on the web. The site that looked modern in 2019 now pushes customers away before the first contact. Here's why.

Back to Journal