FROM CACHE - en_header

Lazy Loading.

Solved
Leeloo
Excursionist
26 0 8

Is there an app that will lazy load pages or is it something that has to be done with code?

Cheers

Accepted Solution (1)

Accepted Solutions
oreoorbitz
Shopify Partner
213 27 123

This is an accepted solution.

I haven't ever found an app to lazyload images in shopify.

Most themes have proper lazyloading, usually when you hire a developer to add a new section they might forget to add lazyloading.

The simplest way to enable lazyloading is to add loading="lazy" to your image tags.

 

like < img src="whatever" c lass="stuff" alt="a thing" loading=lazy" >

Available for freelance. I specialize in speed improvement and theme development.
https://www.upwork.com/fl/orionholmes

If your looking for a pagespeed solution for your Website, take a look at: https://renderbetter.com/

View solution in original post

Replies 3 (3)
oreoorbitz
Shopify Partner
213 27 123

This is an accepted solution.

I haven't ever found an app to lazyload images in shopify.

Most themes have proper lazyloading, usually when you hire a developer to add a new section they might forget to add lazyloading.

The simplest way to enable lazyloading is to add loading="lazy" to your image tags.

 

like < img src="whatever" c lass="stuff" alt="a thing" loading=lazy" >

Available for freelance. I specialize in speed improvement and theme development.
https://www.upwork.com/fl/orionholmes

If your looking for a pagespeed solution for your Website, take a look at: https://renderbetter.com/
Leeloo
Excursionist
26 0 8

Ok great. Thanks for that. I'm going through and optimizing images which hopefully should help as well! 

Cheers

Sumesh
Tourist
3 0 1

Hey, not sure if you still need this but it might come in handy for people with similar problems. We've recently released an app called Lazify that can automatically lazy load description images with one click.

You can check it out here: https://apps.shopify.com/lazify-lazy-load-images-1

Hope that helps!