Lazy Load [img] 2.6.0

[geekgasm]

Thank you so much for making and sharing this add-on for free!

 

[arn]

Not having a placeholder 1x1 image appears faster?

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

Discussion: https://github.com/verlok/lazyload/issues/212

 

[arn]

Not having a placeholder 1x1 image appears faster?

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

Discussion: https://github.com/verlok/lazyload/issues/212

I tried this. At least in Safari it seems to cause reflow even with dimensions specified. not sure on other browsers but that enough was a dealbreaker

 

[gogo]

This add-on seems to do cool thing. So I installed it.

But I'm not sure whether it's working.

Any special tags added to the image part that I can see in browser's page source code?

This is what I've done:

1) Installed the add-on with options kept intact:



2) Set group permissions for Registered and Unregistered groups:



3) Entered some values according to Xon:



So that's it?

I reloaded the page with several images. Can't feel much difference in loading time.

Thanks.

 

[dethfire]

In the future this addon can be reworked as recent browsers are now supporting the native loading=lazy img attribute.

 

[Kevin]

@Xon Any chance of getting the regex tweaked a bit so that it doesn't drop the "alt" tags?

Thanks

 

[Nirjonadda]

@Xon Please can you confirm that why does not show the Spinner image when image are not loading? Also please Upgrade lazysizes to 5.2.0 Latest release?

 

[Xon]

@Xon Any chance of getting the regex tweaked a bit so that it doesn't drop the "alt" tags?

Thanks

Can you give an example of the bb-code which is triggering it? It shouldn't be touched.

:edit: It looks like XF [attach] bb-code doesn't set the title attribute if an "alt" value is set while the [img] does. I've reported that as an XF bug.

@Xon Please can you confirm that why does not show the Spinner image when image are not loading? Also please Upgrade lazysizes to 5.2.0 Latest release?

Hard to say why the spinner image isn't being show without knowing the exact css, the link which is failing, etc

 

[Nirjonadda]

Hard to say why the spinner image isn't being show without knowing the exact css, the link which is failing, etc

This issue happened from all image thread. Also some user reported this image loading take long time. Style properties > Lazy Image Loader

Lazy loading

opacity: 0;

Lazy loading in progress

opacity: 0;
transition: opacity 300ms;
background: #f7f7f7 url(/images/loader.gif) no-repeat center;

Lazy loading finished

opacity: 1;
transition: opacity 300ms;

 

[Xon]

Xon updated Lazy Load [img] with a new update entry:

2.3.0 - Maintenance update

• Require XF2.1+, drop XF2.0 support
• Update to lazysizes v5.2.0 from v5.1.2

Read the rest of this update entry...

 

[Kevin]

Can you give an example of the bb-code which is triggering it? It shouldn't be touched.

:edit: It looks like XF [attach] bb-code doesn't set the title attribute if an "alt" value is set while the [img] does. I've reported that as an XF bug.

Thanks, for both checking it out and reporting the bug. I'm doing some experimenting on a test install to see if I can also narrow down a bit more when the alt tag seems to be getting lost. Originally it seemed to be something related to this add-on as it's the only thing I thought of that would touch the output html img tags but playing around I want to rule out something isn't going on with a private add-on that converts remote image to local attachments. Now knowing what you found with the BB Codes will help me drill down a bit on where I'm looking while testing.

 

[Nirjonadda]

This issue happened from all image thread. Also some user reported this image loading take long time. Style properties > Lazy Image Loader

Lazy loading

opacity: 0;

Lazy loading in progress

opacity: 0;
transition: opacity 300ms;
background: #f7f7f7 url(/images/loader.gif) no-repeat center;

Lazy loading finished

opacity: 1;
transition: opacity 300ms;

@Xon Does fixed this issue with version 2.3.0 - Maintenance update?

 

[Xon]

Unlikely, it is just the an update to the lazysizes library. I haven't done extensive troubleshooting of the spinner stuff

 

[John rus]

Google will be indexing all images from page ?

 

[Xon]

It should be, but who knows with google voodoo.

 

[arn]

Google will be indexing all images from page ?

There's a <noscript></noscript> with a normal <img> link, so google should find it fine.

arn

 

[Anatoliy]

I installed it and a little bit confused. It works with ATTACH=full, but doesn't work with attached pictures (not "full"). Also it doesn't work with avatars.
Is it supposed to be this way or I did something wrong?

 

[Xon]

This isn't designed to work with avatars. it should work with thumbnails. It may just be loading too fast for them.

 

[Anatoliy]

This isn't designed to work with avatars.

How come? There is something that makes it too complex?
Each subforum's theads list has 20-40 avatars (starter & last post), each thread has 20 avatars. And only some of threads have images in them. I mean lazyloading images is cool. But lazyloading avatars would speed up loading time of all threads more effective.
Or I don't understand something?

 

[🔥Iggy🔥]

How come? There is something that makes it too complex?
Each subforum's theads list has 20-40 avatars (starter & last post), each thread has 20 avatars. And only some of threads have images in them. I mean lazyloading images is cool. But lazyloading avatars would speed up loading time of all threads more effective.
Or I don't understand something?

interesting point....made me think how someone commented a while ago about there being lazy load browser support by now tho....perhaps its an easier fix to implement and doesnt even need the addon to apply it avatars? idk...my 2 pennies...seems like anything speeding things up helps, but at the same time, we certainly would not want any micro-second lag in something like avatar image display....i sort of assume there would not be any for such small filesizes....but wonder if its a reason like that it hasnt been implemented already somewhere...