Hi Shopify community,
we recently migrated to shopify and want to lazy load content on our home page: https://dynamofitness.com.au/ , so that google page insights gives us a higher score.
how can we do this so that when a user scrolls down, content is loaded as the user scrolls down and is not all loaded at the initial entry to our website?
thank you
Your theme already loads your images (at least most of them) lazy.
Some images are not lazy loaded – these include your logo and first image(s) on page, like banner slides or first product image – this is done to actually speed up loading.
However, when I look at https://pagespeed.web.dev/analysis/https-dynamofitness-com-au/4g3fo2fvof?form_factor=mobile I see that situation is actually the opposite – some of your lazy loaded images are better be loaded eagerly – google points at top row of your product images which are seen above the fold.
This can potentially be fixed, but I wouldn’t (if I were you:) – your Core Web Vitals are in green and adding this will make it more complex and more difficult to upgrade in future.
Unless your theme is already heavily modified, which I doubt.