Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
How to optimize esteelauder.com
Images are oversized by 654 KiB and delaying LCP by 300ms due to serving 2000x2000 images for 695x695 display areas.
Implement responsive images using srcset with multiple image sizes (640w, 960w, 1280w, 2000w). Configure your CDN to automatically serve appropriately sized images based on device pixel ratio. Use next-gen formats like WebP with fallbacks for product images.
A score of 30 falls in the "Poor" range (50-89). While it is better than poor (0-49), you should aim for 90+ to provide an optimal user experience and maximize SEO benefits.
This site is slower than approximately 35% of similar sites. The main issues affecting performance are image optimization, JavaScript execution time, and layout stability.
Addressing these issues could improve your conversion rate by 15-20% and boost your search engine rankings.
Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
Interaction to Next Paint
Good: < 200ms
Measures how quickly the page responds to user interactions
Cumulative Layout Shift
Good: < 0.1
Measures visual stability - how much content shifts during page load
This Estée Lauder mobile site has severe performance issues with a critically low score of 30/100. The biggest problem is excessive page redirects that waste over 2 seconds before the page even starts loading, combined with massive amounts of unused JavaScript (1.2MB) and CSS (265KB) that block rendering for over 3 seconds. The site takes an extremely slow 37 seconds to become interactive and 7.5 seconds just to show the main content, primarily due to duplicate JavaScript modules across 25+ service bundles and oversized images that are 2-3 times larger than needed. Eliminating the redirect chain, removing unused code, and properly sizing images could easily improve the performance score by 40+ points and dramatically reduce load times.
Why It Matters:
55 KiB of duplicate JavaScript across multiple service bundles is increasing network overhead and blocking page rendering.
How to Fix:
Implement module federation or shared chunks in your webpack configuration to eliminate duplicated dependencies like @estee/elc-service and @estee/elc-universal-utils. Create a common vendor bundle for shared utilities. Review your micro-frontend architecture to prevent loading duplicate modules across different services.
Why It Matters:
CSS and JavaScript files are blocking initial page render for 3,090ms, significantly delaying First Contentful Paint.
How to Fix:
Inline critical CSS for above-the-fold content and defer non-critical stylesheets using media='print' onload technique. Move non-essential JavaScript to load after page interactive. Preload key resources like css_CmtRY5lhrSr89MQOsLtE1cRBz1w5wuH8jIJGMk3kK7U2.css earlier in the document head.
Once your site is optimized, maintain that speed. Use DeployHQ for zero-downtime, automated deployments—so performance fixes and updates go live safely every time, without breaking your site.
Get AI-powered performance insights with actionable fixes in 30 seconds
More Generic Speed Tests
Unsized images cause 0.13 CLS score with layout shifts primarily from the logo and hero image lacking explicit dimensions.
732 KiB of unused JavaScript delays LCP by 3.6 seconds, with block-editor and components scripts being 80%+ unused.
The 1.4MB hero image causes 5.1 second resource load delay and significantly impacts LCP by appearing oversized at 6000x4000 for 570x380 display.
CSS and JavaScript files are blocking initial page render for 3,090ms, significantly delaying First Contentful Paint.