Comme discuté dans mon article sur les techniques pour accélérer wordpress vous n’êtes pas sans savoir que la vitesse de votre site est importante et que l’utilisation d’un plugin de lazy load pourrait particulièrement vous être utile.
Ci-dessous je vais vous montrer plusieurs plugins wordpress qui permettent de mettre en place le lazy loading pour votre contenu et expliquer leur fonctionnement.
Lazy Loading c’est quoi ?
Le lazy loading que l’on pourrait traduire par chargement paresseux est une technique qui permet d’améliorer la vitesse de chargement de vos pages en différant le chargement des éléments non essentiels et non visibles. En d’autres termes, tout ce qui n’est actuellement pas visible dans la fenêtre du navigateur n’est pas chargé. Moins de choses à charger en arrivant sur la page = page plus légère = chargement plus rapide.
Principalement utilisé pour les images son utilisation peut allez bien au delà. En fait beaucoup de choses sur votre site peuvent être chargées en décalé par rapport au premier affichage de votre page.
Les images sont le cas le plus fragrant en terme d’optimisation puisque elles ont tendance a être lourdes et non optimisées. Mais les scripts, les commentaires, les vidéos peuvent également être chargé en différé pour ne s’afficher qu’au moment où on a besoins d’eux.
Avec le lazy loading, une ressource ne se charge qu’au moment où elle est nécessaire et si l’utilisateur ne l’atteint jamais en scrollant jusqu’a elle, alors elle ne sera jamais chargée.
Meilleurs plugins Lazy Load
À savoir: la fonction de lazy load est déjà incluse dans bon nombre de plugins tel que les plugins d’optimisations d’images et les plugins de cache. Ce n’est donc pas vraiment nécessaire d’utiliser un des plugins ci-dessous si vous avez déjà accès à cette fonctionnalité autrement.
1. WP Rocket
WP Rocket est l’un des plugins les plus populaire en terme d’acceleration de site, en plus du lazy load il intègre un grand nombre d’autre fonctionnalité qui ont un seul but: accélérer votre site.
Il est recommandé d’utiliser ce plugin, surtout si votre site contient beaucoup d’images. Vous pouvez l’utiliser pour vos widgets, textes et autres éléments de votre site. De plus, si votre site comporte un nombre important d’iframes, il les remplacera par sa propre vignette de Prévisualisation.
2. A3 Lazy load
a3 Lazy Load prend en charge non seulement les images mais aussi les médias tels que les vidéos Youtube, Vimeo et HTML5. Depuis le panneau d’administration de a3 Lazy Load, vous aurez droit à plusieurs options de personalisation avec par exmple l’ajout de plusieurs effets de chargement.
Très simple à utiliser, il vous suffit de l’installer et de l’activer pour avoir un résultat immédiat. Plus vous avez de contenu plus la différence avant/après sera marquante.
3. Lazy Load for Videos
Le contenu de votre site web est-il riche en vidéos ? Si c’est le cas, il se peut bien que la vitesse de votre magnifique site puisse être nettement amélioré. Le plugin Lazy Load for Videos est un plugin dédié au chargement lazy loading des vidéos (comme son nom l’indique)
Ce plugin permet de remplacer vos vidéos YouTube et Vimeo par une image de prévisualisation cliquable. Cette simple modification permet de réduire considérablement le temps de chargement de la page et d’augmenter votre score sur les outils pour tester la vitesse de votre site internet
4. Speed Up – Lazy Load
Encore un plugin qui se défini entièrement par son nom.Vous l’aurez compris Speed Up Lazy Load va accélérer la vitesse de votre site en utilisant le lazy loading.
Gratuit, minimaliste et facile à utiliser, il n’y a aucun réglages à faire et vos images non visible seront charger seulement si vous scrollez.
5. Zedna WP Image Lazy Load
Zedna WP Image Lazy Load ne va charger vos images uniquement si c’est nécessaire. Le plugin intègre plusieurs options pour que vous puissiez choisir de charger en lazy load les iframes, les vidéos et utiliser des animations ou pas.
Conclusion
Le lazy loading est un moyen efficace d’améliorer la vitesse d’un site surtout si il est blindé d’images et de vidéos sur la même page.
Par exemple avec une longue page de blog remplie de vos photos de vacances en haute définition, le changement sera vraiment flagrant.
