How I cut a sales page’s LCP from 11.6s to 2.2s

sagarbharvadiya1 — Tue, 15 Sep 2026 00:00:00 +0000

A client was paying for traffic to a sales page that took 11.6 seconds to show its main content. Most visitors on mobile left before they saw the offer. The brief was simple: make it fast without changing the design.

1. Measure before touching anything

I ran Lighthouse on a throttled mobile profile and checked the Core Web Vitals report. The Largest Contentful Paint element was the hero image, and it was waiting behind several render-blocking scripts.

2. Fix the LCP element first

Served the hero in a modern format at the size it actually displays
Preloaded it with high fetch priority
Removed lazy-loading from above-the-fold images (a common mistake)

3. Get scripts out of the way

Chat widgets, trackers and review badges were loading before the content. I deferred everything that isn’t needed for the first paint and moved some of it to load after user interaction.

4. Stop the page from jumping

Images and embeds without dimensions were pushing content down as they loaded. Reserving space with width/height and aspect-ratio fixed CLS. Font swapping was tuned so text appears immediately.

Result

LCP dropped from 11.6s to 2.2s and the Lighthouse performance score went from 65 to 97. Same page, same design. If your page is slow, send me the link and I’ll tell you the first three things I’d fix.

Originally published at sagarbharvadiya.com.

Core Web Vitals explained: what LCP, INP and CLS mean (+ thresholds)

sagarbharvadiya1 — Wed, 02 Sep 2026 00:00:00 +0000

Google measures how your pages feel to real visitors using three numbers called Core Web Vitals. They affect rankings, but more importantly they reflect whether visitors stay or leave.

The 3 types of Core Web Vitals

There are three Core Web Vitals, each measuring one part of how a page feels to a visitor:

LCP (Largest Contentful Paint): loading. How fast the main content appears.
INP (Interaction to Next Paint): responsiveness. How fast the page reacts to taps and clicks. It replaced FID in March 2024.
CLS (Cumulative Layout Shift): visual stability. How much the layout jumps while loading.

What is LCP in Core Web Vitals?

Largest Contentful Paint is the time until the biggest thing on screen, usually a hero image or headline, is visible. Google wants it under 2.5 seconds. Common causes of slow LCP are huge images, slow servers and scripts that block the page.

What is CLS in Core Web Vitals?

Cumulative Layout Shift measures how much content moves while loading. You’ve felt it when you try to tap a button and an ad pushes it down. Google wants it under 0.1. It’s usually fixed by reserving space for images, embeds and banners.

What is INP in Core Web Vitals?

Interaction to Next Paint measures how quickly the page reacts when someone taps or clicks. Google wants it under 200 milliseconds. Heavy JavaScript, chat widgets and tracking scripts are the usual culprits.

Core Web Vitals thresholds (good, needs improvement, poor)

These are Google’s official limits. A page passes when at least 75% of real visits (the 75th percentile) are in the “good” range, measured separately for mobile and desktop.

LCP: good at 2.5 s or less, needs improvement up to 4 s, poor above 4 s
INP: good at 200 ms or less, needs improvement up to 500 ms, poor above 500 ms
CLS: good at 0.1 or less, needs improvement up to 0.25, poor above 0.25

Check yours in two minutes

Open PageSpeed Insights and paste your URL
Look at the mobile tab first; that’s what most visitors use
Real-user data at the top matters more than the lab score
In Google Search Console, the Core Web Vitals report shows which pages fail

What a fix looks like

On one sales page I took LCP from 11.6s to 2.2s without changing the design, mostly by fixing how the hero image and third-party scripts loaded. Most sites have two or three issues causing most of the slowness.