Archived topic

Lazy loading tips for GeneratePress?

7 replies · Started by Henry on November 4, 2020

Viewing posts 1–8 of 8

November 4, 2020 at 4:52 am #1517473

I have to build a page that will have about 50 images, needless to say, I'd prefer some way to make the images load as the page is scrolled down.

Any tips, advice - plugin - on how to do this?

Thanks

November 4, 2020 at 6:51 am #1517799

Hi there,

are you using Autoptimize on your site? as it has Lazy loading options in it settings.
You will also find may of the other cache/optimization plugins eg. WP Rocket provide this.

November 5, 2020 at 9:52 pm #1519950

Thanks David.

Interestingly though, I note that if I view the source code there is a class called "lazy"

<img loading="lazy" width="300" height="169" src="/ etc etc ></figure>

What is this img class "lazy"?

Thanks

November 6, 2020 at 4:39 am #1520254

In WP 5.5 they introduced native browser lazy loading. Which is great but not all browsers support eg. Safari and IE. More info on that here:

https://web.dev/browser-level-image-lazy-loading/

If you know your user base is 99% Chrome - then you can just let WP and the browser do its thing. If you want wider browser compatibility then you will need to use a lazy loader plugin.

November 7, 2020 at 4:31 pm #1522081

Thanks, David - that's great news; and great knowledge you have! Appreciate it.

November 8, 2020 at 6:25 am #1522422

You're welcome!

February 1, 2021 at 8:33 am #1641795

There is a Google native Lazy Loading plugin in the Wordpress plugin store:
https://wordpress.org/plugins/native-lazyload/

February 1, 2021 at 10:32 am #1641935

FYI: Its now built into WP since version 5.5:

https://make.wordpress.org/core/2020/07/14/lazy-loading-images-in-5-5/

But like that plugin is not supported on all browsers. Chrome, and FF nightly support it. But not Safari, and definitely not IE.

This archived topic is closed to new replies.

Start building better websites today.