What a 4-second LCP does to your checkout conversion rate
Four seconds sounds like nothing. At checkout, it is the gap between a closed sale and an abandoned cart.
The customer has already decided to buy. They put the product in the cart, took the card out of their wallet, hit checkout. And then they stare at a near-blank screen for four seconds.
Those four seconds are your Largest Contentful Paint. It is the time until the largest visible element on the page appears. At checkout, that is usually the order summary or the payment button. Until it paints, the customer has nothing to do. Just wait and doubt.
The doubt is the problem. A slow LCP does not only 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 edge of that line.
And this is not cosmetic. Google itself has published that, as load time goes from 1 to 3 seconds, the chance of a user bouncing rises by 32%. From 1 to 5 seconds, it rises by 90%. Your checkout lives squarely 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 more than you should.
Why checkout is the worst place to be slow
There is a difference between a slow listing page and a slow checkout. On a listing, the customer is browsing. Patience runs higher because intent is still vague.
At checkout, intent is at its peak and patience is at its floor. The customer has already done the mental work of deciding to spend money. Every second of waiting opens a window for hesitation. They remember they do not really need it. They think about comparing prices elsewhere. A notification arrives and they leave.
You do not lose a curious visitor. You lose a sale you had already won.
What usually eats your 4 seconds
In most slow checkouts, the culprit is not mysterious. It is 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.
- Slow server response — a high Time to First Byte because the page is generated on demand with no cache, instead of served pre-rendered.
- Web fonts that block text until they download, leaving the payment button invisible for 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 is about the page design. They are engineering decisions. That is why so many people invest in redesigning the checkout and conversion does not budge. The problem was never the colour of the button.
How to tackle this properly
First, measure with real user data, not just on your laptop on fibre. The Chrome User Experience Report and Search Console show you the LCP your actual customers suffer, on their phone, on their network. That is the truth that counts.
Then, identify the specific LCP element on your checkout page. Chrome DevTools tells you exactly which one it is. Do not guess. Optimise that element first, because it is the one that sets the metric.
- Pre-render or serve the checkout with cache to bring Time to First Byte below 800ms.
- Defer or asynchronously load every third-party script — the Facebook pixel does not need to block the pay button.
- Serve critical images in AVIF or WebP, with explicit dimensions and high priority on the LCP element.
- Use font-display swap so text shows straight away, without waiting for the font.
- Cut JavaScript that is not needed for the first render and split the bundle.
It is worth doing this before any paid traffic campaign. There is no sense paying to bring customers to a checkout that loses them in the first four seconds. You are filling a leaky bucket.
The sum nobody wants to do
Take your cart abandonment rate. Cross it with the LCP data in Search Console. If your checkout is above 4 seconds on mobile, part of your loss is not a price objection or a lack of trust. It is just slowness.
And slowness is the only conversion problem you can fix without changing a single word of your copy or a penny of your price. You fix it with engineering. It is one of the best-return investments an online business can make.
Measure your LCP this week. If it is at 4 seconds, you already know where the leak is.
- 01web.dev — Largest Contentful Paint (LCP)
- 02web.dev — Core Web Vitals
- 03Think with Google — Find out how you stack up to new industry benchmarks for mobile page speed
- 04Akamai — Online Retail Performance Report (2017)
- 05web.dev — Optimize Largest Contentful Paint
- 06Chrome Developers — Chrome User Experience Report