[OzzModz] Lazy Load Images 1.0.3

[Mr. Jinx]

Mr. Jinx submitted a new resource:

Lazy Load Images (PageSpeed improvement) - Improve your PageSpeed score with Lazy Load Images

This add-on adds 'lazy loading images' to your forum.

Loading image lazy means your browser will only download images when needed.
It's one of the PageSpeed recommendations:

Defer offscreen images ​

Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive.​

Google Chrome does this in an intelligent way and decides based on desktop/mobile usage and connection speed when to load...

Read more about this resource...

 

[Mr. Jinx]

Currently the new 'loading=lazy' tag is only added for avatars and image attachments.
Let me know if there are other images you want to be included.

 

[Faust]

Thanks, will give a try

 

[Anatoliy]

image attachments

does it include "insert thumbnail" & "insert full image"? or only attached but not inserted into a post?

 

[Mr. Jinx]

Both, I think

 

[Cooking Ketogenic]

Currently the new 'loading=lazy' tag is only added for avatars and image attachments.
Let me know if there are other images you want to be included.

Videos within Andy's BBCODE for https://xenforo.com/community/resources/video.5701/

Profile and forum covers from - https://xenforo.com/community/threads/th-covers-paid.148763/

 

[Nirjonadda]

What the difference between @Xon Lazy Load addon?

 

[easiii]

Currently the new 'loading=lazy' tag is only added for avatars and image attachments.
Let me know if there are other images you want to be included.

You've just added the 'loading=lazy' tag, nothing else right (eg. size etc)?
You can also add it in the "_media_site_embed_youtube" template for the YouTube videos. And, the favicons that it fetches from the URLs.

Also the images that are from social networks and are embedded.
Eg.

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

 

[easiii]

What the difference between @Xon Lazy Load addon?

I think this one uses the Browser (Chrome) Native Lazy Loading while @Xon uses 3rd party scripts.

 

[rdn]

Both, I think

Doesn't include on thumbnail inserted images on my install.

 

[Anatoliy]

Doesn't include on thumbnail inserted images on my install.

on mine too (

 

[Mr. Jinx]

Videos within Andy's BBCODE for https://xenforo.com/community/resources/video.5701/

Profile and forum covers from - https://xenforo.com/community/threads/th-covers-paid.148763/

I cannot change other (paid) add-ons, so you should ask the developers of those add-ons for support.

 

[Mr. Jinx]

Doesn't include on thumbnail inserted images on my install.

You're right, small update coming up.

 

[Mr. Jinx]

Mr. Jinx updated Lazy Load Images (PageSpeed improvement) with a new update entry:

[1.0.1]

• Added support for attachment thumbnails

Read the rest of this update entry...

 

[Anatoliy]

You're right, small update coming up.

video embeds would be cool too

 

[djbaxter]

I think this one uses the Browser (Chrome) Native Lazy Loading while @Xon uses 3rd party scripts.

@Mr. Jinx is this correct?

If so, does it require the Chrome browser to work?

 

[Mr. Jinx]

That is correct, although not only Chrome but all modern browsers like Edge and Firefox support this new tag.
For a full list check: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Browser_compatibility

Xon's add-on has more features and is also using 3rd party scripts.
I created this add-on just to add lazy loading support using native browser tags, without extra javascript and with minimal impact.
So I would say this is a 'lite' version.

 

[rdn]

You're right, small update coming up.

Thanks, I've check the new template mod is working but I still can't see the lazy tag added on page source :|

 

[Baby Community]

@Mr. Jinx

I am using chevereto image support for forum images outside of the media gallery.
Does Add-on help me?

 

[Mr. Jinx]

Thanks, I've check the new template mod is working but I still can't see the lazy tag added on page source :|

Can you give an example by sharing part of the page source, which includes the complete IMG tag (and a few more lines).

I am using chevereto image support for forum images outside of the media gallery.
Does Add-on help me?

It only adjusts avatar and attachments within XF, so probably nothing will happen with the other images.