Évitez de charger toutes vos images d’un coup avec l’effet Lazy Load
Si vous placez beaucoup d’images dans vos articles, il faut savoir que le navigateur de votre visiteur va toutes les charger en arrivant sur la page de votre site… même celles qui ne sont pas encore visibles si votre article est assez long. L’effet Lazy Load remplace ces images cachées par une image de taille 1 px pour alléger la page en attendant qu’elles soient réellement à l’écran.
C’est une optimisation à ne pas négliger sur votre site et je vous propose deux plugins.
Remarque: certains thèmes payants intègrent directement cet effet dans leurs fonctions. C’est assez facile à visualiser en faisant défiler rapidement les pages – les images s’affichent avec un petit temps de retard.
A3 Lazy Load
A3 Lazy Load se veut très complet. Non seulement il gère les images mais il prend en compte aussi les vidéos – insérées sans shortcode par contre – et le contenu des iframes. Il gère aussi bien les contenus classiques que les widgets ou les Gravatars et fonctionne pour les pages AMP. Vous pouvez même définir une classe CSS pour les images que vous ne désirez pas voir impactée par l’effet.
Options
site de l’extension sur WordPress.org: https://wordpress.org/plugins/a3-lazy-load/
version testée: 1.7.1
Rocket Lazy Load
Par les créateurs du fameux plugin de cache Rocket Cache, Rocket Lazy Load ne propose aucun réglage. Vous activez et ça fonctionne.
On me prévient qu’il y a quand même possibilité d’exclure des pages de l’effet via une fonction.
site de l’extension sur WordPress.org: https://wordpress.org/plugins/rocket-lazy-load/
version testée: 1.0.4
