Lazy loading
Lazy loading images on a website improves performance by loading images only as they scroll into view.
Who can use this feature?
This feature is available for Pro and Enterprise plan users.
What is lazy loading?
Lazy loading is a way to make your website faster. Instead of loading all the images at once, it loads them only when the user needs them. This helps users see your site faster and prevents them from leaving before it's fully loaded.
We won't use lazy loading for videos, images, or iframes at the top of the page. Eager loading will be applied, which makes the page load faster.
How does it help?
Lazy loading can bring these benefits to your site:
Reduce initial loading time
Increase customer shopping experience and minimize bounce rate due to slow speed load
How does it work?
In "Speed up customization" -> Lazy loading
Turn on the Lazy loading images and video & iframes
Select pages to apply lazy loading. We support lazy loading for pictures in: Theme assets (file liquid in current theme), Product description, Collection description, Blog post content, Pages.
Click Save
If you don't want to apply lazy loading to specific images, insert your file (.liquid file) in Ignore files.
This requires technical knowledge, contact us through live chat for support.
How to check if lazy loading works?
Go to your website
Right click and click Inspect
Hit
Ctrl + Fto searchimg_loading="lazy"img_loading="eager"lazyloadingfetchpriority="high"If it shows up (image below), it's working well on your store. Continue check on other pages.
Last updated
