Google Search Advocate John Mueller highlights a brand new case examine explaining why sure Largest Contentful Paint enhancements usually fail to supply outcomes. In a format that varies by retailer, the browser might deal with the fallacious component, inflicting all subsequent optimizations to focus on one thing that was by no means the LCP within the first place.
The case examine was revealed on internet.dev on June 24, and it particulars a 12 months of Core Internet Vitals work on the ecommerce platform Nuvemshop. Initially, the workforce suspected picture weight or server latency as the primary points. Nevertheless, their evaluation pointed them towards how the browser chosen the LCP component. After optimizing component choice, picture precedence, lazy loading, and edge caching, Nuvemshop experiences that the share of its shops with good LCP scores elevated from 57% to 96%.
How the Incorrect Component Will get Picked
On Nuvemshop, retailers can arrange their homepage sections in any order they like, leading to carousels, banners, and product grids showing in numerous positions throughout totally different themes. In accordance with the case examine, carousels had been current on 85% of storefronts, and that is the place the measurement encountered a difficulty.
The problem stemmed from CSS transitions on carousels and banners. These transitions delayed when components grew to become seen to the browser’s LCP detection. Whereas buyers noticed the carousel load first, the browser sometimes recognized a banner additional down because the LCP component as a result of its visibility was not delayed by a transition. Consequently, in response to Nuvemshop, the earlier optimization efforts centered on components that had been by no means the LCP.
The investigation recognized three principal causes. Transitions had been pushing detection to the fallacious body, lazy loading was delaying pictures above the fold that wanted to load instantly, and the important pictures lacked precedence alerts. Moreover, measurements originated from each class and product pages, not solely homepages, so the answer needed to be efficient throughout totally different web page sorts.
The Three LCP Fixes
The case examine features a fourth change, edge caching to scale back latency. Nevertheless, the core element-detection changes concerned three modifications in how the highest of the web page renders and masses. Nuvemshop carried out all three adjustments throughout its principal themes and web page sorts. These changes are simple, following widespread internet efficiency greatest practices.
The workforce eliminated CSS transitions from the highest sections so that they show immediately, enabling the browser to acknowledge them as LCP candidates immediately.
In addition they pulled loading="lazy" off the primary picture in these high sections. internet.dev’s personal steerage is blunt on this, warning in opposition to lazy-loading the LCP picture as a result of it all the time provides load delay.
The final piece was fetchpriority="excessive" on the probably LCP picture, which tells the browser’s preload scanner to seize it sooner. Nuvemshop says it wrapped that in validation logic so the sign fires solely the place the component might actually be the LCP candidate. Google’s recommendation is to order the attribute for one or two key pictures, since if the whole lot is excessive precedence, nothing is.
What Else Nuvemshop Studies
Nuvemshop experiences that its general Core Internet Vitals move fee improved from 48% to 72% all year long, not simply the LCP determine.
The corporate reviewed the identical Brazilian shops lively in each January 2025 and 2026. For cell guests arriving through Google natural search, it experiences an 8.9% enhance in conversion fee and an 8.4% rise in cart engagement.
Take note these are self-reported figures, and the procuring numbers are a year-over-year comparability of that cohort, not a managed take a look at. Nuvemshop ties the route to its pace work by leaning on Deloitte analysis commissioned by Google, which discovered that shaving 0.1 seconds off load time can increase retail conversion by 8.4%.
Why This Issues
Earlier than compressing one other hero picture, double-check that you just’re optimizing the component the browser really treats as LCP. That is particularly essential in template-driven or carousel-heavy layouts, the place it may not maintain.
Our personal current protection lands in the identical spot. In a have a look at Core Internet Vitals throughout CMS platforms, HTTP Archive knowledge confirmed real-world LCP tends to interrupt when a platform is sluggish to let the browser uncover the primary picture, or when it forces that picture to compete with too many different high-priority assets, not simply when a web page is heavy. Barry Pollard has additionally walked via methods to hint an LCP drawback in PageSpeed Insights earlier than you contact any code.
The conversion hyperlink displays Nuvemshop’s interpretation of the information. Core Internet Vitals are solely a minor rating issue, and Google has emphasised relevance as extra essential, so a quicker retailer is best learn as a procuring expertise achieve than a rating lever.
Wanting Forward
This is only one firm’s self-reported expertise, so the procuring good points are greatest learn as directional. The method itself isn’t new both, since internet.dev has been advocating for this sort of discovery-and-priority work for years. What the case examine provides is a labored instance of figuring out the true LCP component throughout layouts that modify from one retailer to a different, which is the exhausting half on any customizable platform.
Featured Picture: victoriatudosi/Shutterstock
