Activer le chargement paresseux pour les images sur votre site WordPress!

Article écrit par:
  • WordPress
  • Mise à jour: Dec 10, 2016

Le chargement paresseux est une astuce très utile qui charge vos pages Web beaucoup plus rapidement ou apparemment beaucoup plus rapidement. Supposons que vous ayez une page Web contenant des images 20, ce qui n’est pas si rare. Combien de temps pensez-vous qu'il faut au chargement de toutes les images 20 et à combien de temps de chargement de page cela contribue-t-il? On pourrait penser qu’une partie importante du temps de chargement de pages comme celle-ci va vers le images et d'autres objets lourds de données.

En revanche, avec le chargement paresseux, vous pouvez différer le chargement des images non vues par le lecteur. Et cela signifie que ce que le lecteur voit réellement se charge beaucoup plus rapidement, ce qui suggère que le site Web est beaucoup plus rapide qu'il ne l'est réellement.

Le chargement paresseux peut être facilement accompli avec des plugins WP gratuits. Vous devez savoir que certains plugins de mise en cache tels que WP Rocket incluent des scripts de chargement paresseux dans leurs fonctionnalités.

Rocket Lazy Load

Ce plugin réduit le nombre total de requêtes HTTP, ce qui signifie qu'il réduit le nombre de fois que votre serveur doit communiquer pour transmettre la même quantité d'informations. En conséquence, le temps de chargement et l'utilisation des ressources du serveur diminuent.

Rocket Lazy Load fonctionne pour afficher uniquement les images visibles pour le lecteur. Et cela fonctionne également sur à peu près toutes les images (y compris les vignettes, les images dans le contenu du message ou dans le widget texte). Le plugin n'utilise pas jQuery, il fonctionne en ajoutant du JavaScript à vos en-têtes de page et le script est incroyablement léger. Et voici la partie la plus intéressante du plugin à mon avis - il n'a aucune option, il suffit de brancher et d'activer, vous avez terminé.

Le fait qu’il n’ait pas d’options pourrait ne pas plaire à quelques personnes. Vous avez d’autres alternatives pour le chargement paresseux qui permettent plus de choix, veuillez continuer à lire!

Télécharger Rocket Lazy Load

charge Lazy

Ce plugin Lazy Load utilise jQuery.sonar pour charger des images au fur et à mesure que le lecteur défile et que les images apparaissent. Lazy Load a été mis en place par des personnes extraordinaires d'Automattic. La charge différée devrait améliorer les temps de chargement du site et la bande passante du serveur. Le plugin garantit une utilisation réduite de la bande passante du serveur en ne chargeant que les images visibles du chargement du lecteur.
Télécharger Lazy Load

BJ Lazy Load

BJ Lazy Load réduit l'utilisation de la bande passante du serveur et rend votre site plus rapide en remplaçant toutes les images de publication, les miniatures, les iframes de contenu et les gravatars par un espace réservé. Les vidéos intégrées de YouTube et de Vimeo sont également couvertes par le plugin.

Vous pouvez également essayer de charger paresseux des images et des iframes dans votre thème.

BJ

La plus grande différence est la disponibilité de choix qui n'est pas disponible avec la plupart des autres plugins de chargement paresseux. Vous pouvez choisir parmi des images dans le contenu, des vignettes, des widgets de texte, des gravatars, des iframes et différentes classes d'images pour lesquelles vous pouvez activer / désactiver le chargement différé.

Télécharger BJ Lazy Load

Autres plugins

Chargement paresseux avancé est encore un autre plugin de chargement paresseux pour les sites Web alimentés par WordPress et il comporte de nombreuses options très similaires à BJ Lazy Load. Vous pouvez également opter pour des paramètres de chargement différé spécifiques à un mobile, qui peuvent nécessiter des sites Web avec un grand nombre de pages vues pour mobile.

Lazy Load XT est un plugin gratuit qui offre un chargement paresseux pour à peu près tous les types de contenu, y compris les iframes, les vidéos et évidemment les images. Le plugin est également un plugin poids plume et ne nécessite pas trop de ressources pour fonctionner efficacement. Lazy Load XT remplace les attributs src par data-src lorsque des demandes de serveur sont formulées pour le contenu de pages Web front-end.

À vous!

Le chargement paresseux se traduit définitivement par une meilleure expérience utilisateur. Le chargement paresseux est très important pour les sites Web à forte densité de médias. C'est un truc simple qui garantit un lecteur très heureux.

Rappelez-vous qu'un plugin de chargement paresseux ne fait que retarder le chargement des images. Pour un site Web vraiment efficace avec des performances optimales, vous pouvez envisager d’utiliser un CDN pour vous aider à servir toutes les données statiques et un plugin de mise en cache puissant comme W3 Total Cache convertir votre contenu dynamique en contenu statique.

À propos de Vishnu

Vishnu est un rédacteur pigiste de nuit, travaille comme analyste de données le jour.