Online store performance and site speed optimization
The biggest improvement I can make on my store is: Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive.
I have managed to lazyload all, except product images - anyone has any input on how to easily accomplish this feat?
Thank you in advance!
We have an article that goes into more detail on lazy loading. You can check it out here: How to Lazy Load Images on Shopify to Make Your Site Faster.
To specifically target your product images, you'll first need to identify the snippet/section file they're being loaded from. If you go into your theme's code, under templates, you'll find a file named something like "product.liquid".
In that template file, you'll often find lines of code like the ones below:
{% include file-name-here %}
{% section file-name-here %}
These are the section and snippet files your product template is using. The "file-name-here" portion of the above code correlates to actual file names that you can search for in your theme's code editor.
You'll have to go through those to see which file is the one loading your product images.
Once you've identified the correct file, then all you have to do is make some changes to the image tag so it looks something like:
<img class="lazyload" data-src="image-source" />
That's a quick breakdown of how to lazy load your product images. If you'd like additional help, feel free to reach out to our team of optimization experts at speedboostr.com/contact. Best of luck!
Could you share your site's URL?
Hi @oreoorbitz ,
We have a guide on lazy loading images on our youtube tutorial https://youtu.be/BADxzcJ5XRU?t=190 . It's simple when you've done it a few times.
Hope it helps!
Best,
eStoreSpeedOptimization
I know how lazyloading works.
I was talking to the original poster.
@BeautifulDesign Please share the URL of your site and I'll see if I can help you enable lazyloading.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024