How to fix cwv lcp on Elementor

Steps for Elementor

1. Convert your hero image to WebP (or AVIF) before uploading: use Squoosh (squoosh.app) or ShortPixel to export the image as WebP at 80–85% quality, keeping the same dimensions as the original. Upload this WebP file to your WordPress Media Library.
2. Set the hero image as the LCP element in Elementor: open the page in Elementor Editor, click the Section or Widget containing the hero image, go to Advanced → Motion Effects and ensure no lazy-load or entrance animation is applied to it (animations delay LCP paint). If it is an Image widget, confirm 'Loading' is set to 'Eager' under Content → Image → Advanced Attributes.
3. Enable Elementor's built-in image optimization: in WordPress Admin go to Elementor → Settings → Performance, enable 'Optimize Images' and set the format to WebP. This makes Elementor serve WebP automatically to supporting browsers via its srcset generation.
4. Add a preload hint for the hero image to eliminate discovery delay: go to Elementor → Custom Code (or use a plugin like 'Head, Footer and Post Injections'), add a <link rel='preload' as='image' href='/wp-content/uploads/YOUR-HERO.webp' fetchpriority='high'> tag in the <head> section so the browser fetches it before parsing render-blocking resources.
5. Reduce render-blocking CSS/JS generated by Elementor: in Elementor → Settings → Performance, enable 'Improved Asset Loading' (loads only the CSS/JS needed per page), enable 'Inline CSS for Critical Elements', and turn on 'Remove Unused CSS'. Then enable 'Defer Non-Critical CSS' to prevent stylesheets from blocking the initial render.
6. Test the result: clear all caches (Elementor → Tools → Regenerate CSS & Data, then your hosting/CDN cache), then run a PageSpeed Insights test on the page. Confirm LCP is under 2.5 s, the LCP element is the hero image, and the WebP format is confirmed in the 'Largest Contentful Paint element' diagnostic.

What is cwv lcp?

Largest Contentful Paint (LCP) measures how long it takes for the biggest visible element on your page — almost always the hero image or banner — to fully appear in a visitor's browser. Google considers a "good" LCP anything under 2.5 seconds. An LCP of 9+ seconds means shoppers are staring at a blank or partially loaded page for nearly ten seconds before they see your main content. LCP is one of Google's three Core Web Vitals, which are direct ranking signals used in Google Search.

A slow LCP directly hurts your Google rankings because Core Web Vitals are an official page-experience ranking factor — pages with poor LCP can lose positions to faster competitors even with identical content. More critically, research consistently shows that every additional second of load time reduces conversion rates by 2–7%; an LCP of 9 seconds can cost you the majority of mobile visitors who leave before the page even finishes loading. Mobile shoppers are disproportionately affected because mobile connections are slower, and Google indexes the mobile version of your site first. Fixing LCP is one of the highest-ROI technical improvements an ecommerce store can make: faster pages rank higher, bounce less, and convert better.

See the complete Cwv lcp guide for every platform and the full background.