Shopify Speed Checklist

Compress all product images (use WebP or optimized JPG)

Implement lazy loading for below-the-fold images

Use appropriate image dimensions (no oversized images)

Add width and height attributes to prevent layout shift

Audit and remove unused Shopify apps

Check app script loading times in browser DevTools

Defer non-critical app scripts

Minimize custom CSS and JavaScript

Remove unused theme sections and snippets

Use Shopify 2.0 theme architecture (if applicable)

Eliminate render-blocking resources

Minify CSS and JavaScript files

Enable browser caching (leverage Shopify CDN)

Reduce third-party scripts (analytics, chat, etc.)

Implement critical CSS inline for above-the-fold content

Use async/defer attributes for non-critical scripts

Limit custom web fonts (max 2-3 font families)

Use font-display: swap for custom fonts

Reduce homepage complexity (fewer sections)

Optimize collection page product counts

Run Google PageSpeed Insights

Test on real mobile devices

Monitor Core Web Vitals (LCP, FID, CLS)