Layzr.js

Posté le 19 octobre 2017 dans Techno

Layzr.js

Voici un chouette plugin pour faire du lazy loading sur vos sites !

Le lazy loading, pour ce qui ne connaissent pas le terme, désigne le fait de ne pas charger toutes les images d’un site dès l’arrivée du visiteur, mais au fur et à mesure de qu’il défile la page.

C’et exactement ce que propose Layzr, un plugin jquery entièrement gratuit qui permet charger les images au fur et à mesure, pour ne pas affecter le chargement de la page par le téléchargement d’images qui ne seront pas affichées de suite.

Pour ce faire, les balises images concernées utilisent l’attribut data-normal, que le plugin transformera au moment voulu en srcset, activant le chargement et l’affichage de l’image.

Le point fort de Layzr, en plus d’être gratuit, c’est qu’il est très léger et rapide ! Qui sait, il pourrait entrer en fonction prochainement sur ce blog … 😉

DEMO + SOURCE