Compress and resize the homepage hero image
criticalWhat we found
hero-banner.png is served at 3.4MB and 4000px wide to every device. It is the LCP element on 38 URLs and alone accounts for roughly 1.4s of LCP at p75 on mobile.
How to fix it
Export as AVIF/WebP at 1600px max, add srcset with 640/1024/1600 widths, set fetchpriority="high" and explicit width/height. Expected LCP: 3.9s to about 2.3s.
- Impact
- High
- Effort
- Low
- Affected
- /, /collections/*, /pages/about