Topic: Lazyload

[alexetgus]

Lien vers le mod

Lazyload

Lazy loading (Lazyloading) for images displayed in SMF messages.
This mod is compatible responsive design.



Description:


* Updating for SMF 2.0.18 - V1.1 (18/02/2021)


This modification (for SMF 2.0.x only) adds a feature allowing posts images to be loaded only when they are needed.
If an image is not in the display window, it is not loaded.
The display of a page thus becomes faster.

This feature is essential for mobile phones that are charged by the amount of data they consume.



Information for coders:

If you want to add images lazyloading to your forum directly into the PHP code, load the javascript ./Themes/default/scripts/lazysizes.min.js, if you haven't already done so, and display your image like this:

Code: [Select]

<img data-src="my-image.png" class="lazyload" />

For more information on the JavaScript used, please visit the project's Github repository :
https://github.com/aFarkas/lazysizes


https://chez-oim.org  -  This mod is copylefted
To contribute : https://github.com/alexetgus/lazyload

[Rock Lee]

I had tried this a while ago and it works quite well for a while, out of nowhere I stop working it's time to try it again... Great job I will comment on anything!


Regards!

[DreadPirateRoberts]

Holy ****** this is just what I needed google pagespeed insights always pings me on my images

[DreadPirateRoberts]

would there be any updates to have lazyloaded avatars and board icons?

[alexetgus]

Yes it's possible, that's what I did on my site (images, avatars and smileys)

I only proposed the images, but I can create several versions of the mod according to the desires of each one.

There's no need to do it for board icons, it's the caching that does the job. No need for lazy loading.
Of course, one must be interested in the caching of the resources of its forum. This is a very important point!

[DreadPirateRoberts]

Can you please tell me what did you put it in the code? I tried doing it last night but it failed. And I have level 2 cahcing but I have special board icons which google pagespeed insights tells me I should lazy load them.

[alexetgus]

Stop listening to Google like he's always right.
This is often wrong and it will not harm your SEO!

For avatars, look in the file Load.php, Display.template.php et MessageIndex.template.php
For smileys, it's in the file GeneriControls.template.php

And stop listening to Google! He's not always right...
If you keep listening to him like a schoolboy, you'll do something stupid!...

[alexetgus]

Hi,

Just for your information.
If you want to add images lazyloading to your forum directly into the PHP code, load the javascript ./Themes/default/scripts/lazysizes.min.js, if you haven't already done so, and display your image like this:

Code: [Select]

<img data-src="my-image.png" class="lazyload" />