How can I lazy-load Shopify product images without affecting LCP and SEO?

To lazy-load Shopify product images without hurting Largest Contentful Paint (LCP) and SEO, avoid lazy loading the primary product image that appears above the fold. Load the main image eagerly so it displays immediately, while applying lazy loading only to gallery images, related products, and images further down the page. Use responsive image sizes, include descriptive alt text, specify image dimensions to prevent layout shifts, and serve optimized formats like WebP. This approach improves page speed, maintains strong Core Web Vitals, and helps search engines properly index your product images.