<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Sagar Bharvadiya]]></title><description><![CDATA[Sagar Bharvadiya]]></description><link>https://sagarbharvadiya.hashnode.dev</link><generator>RSS for Node</generator><lastBuildDate>Sat, 07 Nov 2026 11:38:08 GMT</lastBuildDate><atom:link href="https://sagarbharvadiya.hashnode.dev/rss.xml" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><ttl>60</ttl><item><title><![CDATA[How I cut a sales page’s LCP from 11.6s to 2.2s]]></title><description><![CDATA[The exact order of fixes that took a live sales page from Lighthouse 65 to 97 without changing the design.]]></description><link>https://sagarbharvadiya.hashnode.dev/how-i-cut-a-sales-page-s-lcp-from-11-6s-to-2-2s</link><guid isPermaLink="true">https://sagarbharvadiya.hashnode.dev/how-i-cut-a-sales-page-s-lcp-from-11-6s-to-2-2s</guid><category><![CDATA[webperformance]]></category><category><![CDATA[Next.js]]></category><category><![CDATA[Web Development]]></category><category><![CDATA[JavaScript]]></category><dc:creator><![CDATA[Sagar Bharvadiya]]></dc:creator><pubDate>Thu, 22 Oct 2026 16:15:26 GMT</pubDate><content:encoded><![CDATA[<p>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.</p>
<h2>1. Measure before touching anything</h2>
<p>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.</p>
<h2>2. Fix the LCP element first</h2>
<ul>
<li>Served the hero in a modern format at the size it actually displays</li>
<li>Preloaded it with high fetch priority</li>
<li>Removed lazy-loading from above-the-fold images (a common mistake)</li>
</ul>
<h2>3. Get scripts out of the way</h2>
<p>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.</p>
<h2>4. Stop the page from jumping</h2>
<p>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.</p>
<h2>Result</h2>
<p>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.</p>
<p><em>Originally published at <a href="https://sagarbharvadiya.com/blog/how-i-cut-lcp-from-11-6s-to-2-2s">sagarbharvadiya.com</a>.</em></p>
]]></content:encoded></item></channel></rss>