Improve Shopify Mobile LCP by Prioritizing the Hero ImageImprove Shopify Mobile LCP by Prioritizing the Hero Image
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Slow Shopify product page on mobile? Check your hero image first. A common mistake: lazy-loading the first product image. Lazy loading is for images below the fold. The main image should load right away, and adding fetchpriority="high" to it tells the browser to grab it first. On the stores we audit, fixing just this often moves LCP more than removing a whole app. Test it in PageSpeed Insights before and after, so you see the real number.
Rasaq's avatar
Great tip. Small image loading improvements can make a real difference to mobile shopping experiences.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started