Hi @phpfaruk I have a team of Shopify optimization focused developers that can help, plus free resources if you prefer to handle yourself / in-house:
You can use the Shopify Analyzer to see if your site has any optimization issues + how to correct them. That's a free tool my team (Speed Boostr) built for the Shopify community. It's geared specifically for Shopify sites - the scoring / recommendations are based on data from 1,000+ Shopify sites we've optimized.
If you need help with optimization you can contact us at https://speedboostr.com/contact and ask for a free analysis, or if you prefer to handle it in-house you can use the Shopify Analyzer + follow our complete Shopify optimization guide: https://speedboostr.com/shopify-optimization.
This is an accepted solution.
@phpfaruk nice, a fellow optimization enthusiast!
You can learn from our blog: speedboostr.com/blog. The best place to start is the full Shopify optimization guide: speedboostr.com/shopify-optimization. You can also click through on each area of the Shopify Analyzer to see details and links.
For lazy loading, this guide will get you going: https://speedboostr.com/shopify-lazy-loading.
Once you read that, you'll have an idea what to do, then from there you can start reading your code and adjusting the image elements.