WordPress lazy load : Choisir le meilleur plugin pour le travail
Il n’y a rien de plus frustrant pour les utilisateurs que d’attendre qu’un site Web soit téléchargé. De plus en plus de sites regorgent de vidéos et d’images, chaque image nécessitant une nouvelle requête HTTP. WordPress Lazy Load est la solution facile à installer pour accélérer un tel site Web rempli d’images.
Lors de la conception de notre site Web wpDataTables, nous avons également envisagé la possibilité de cette complication, car nous utilisons beaucoup d’images et de vidéos.
Qu’est-ce que le chargement paresseux ? Lazyload signifie que la vidéo, les images ou les iframes se chargent uniquement lorsqu’ils entrent dans la fenêtre d’affichage et que les images restantes se chargent lorsque les téléspectateurs font défiler la page de votre site Web. Cela améliorera considérablement les temps de chargement de votre site et empêchera les utilisateurs de quitter votre site Web.
Avantages du chargement paresseux
L’avantage évident de WordPress Lazy Load est des temps de chargement plus rapides. Comme vous ne chargez qu’une partie de votre page, son contenu s’affichera plus rapidement dans le navigateur. Par la suite, les visiteurs utilisent moins de bande passante, ce qui est un grand avantage pour ceux qui disposent d’une connexion de données mobile.
Ainsi, vos visiteurs pourront non seulement accéder rapidement à votre site web, mais ils économiseront également sur leur forfait data mobile: pourquoi utiliser leur trafic data pour charger des images dont ils n’ont pas besoin ou qu’ils ne veulent pas voir? Un plugin de chargement paresseux est une technique doublement bénéfique dont tous les sites lourds en images ont besoin.
Inconvénients de Lazy Load
Le lazyloading n’est pas toujours une technique conviviale pour les moteurs de recherche, car non seulement vous retardez le chargement du contenu pour vos utilisateurs, mais vous retardez également le chargement du contenu pour les robots des moteurs de recherche, c’est-à-dire que les moteurs de recherche n’indexeront pas tout ou partie de ce contenu. Pas bon pour le référencement !
Lorsque le chargement paresseux de WordPress est utilisé pour retarder le chargement des messages, pas seulement des images, c’est un gros problème.
Un autre inconvénient des images paresseuses est la réduction de la qualité de l’expérience de vos utilisateurs. Tout le monde a connu l’effet secondaire du chargement paresseux lors du défilement très rapide d’une page. Dans le processus, les visuels réels remplacent les images d’espace réservé et le contenu de la page saute souvent.
Tant que vous utilisez intelligemment le chargement paresseux de WordPress et gardez un œil sur le référencement et l’expérience utilisateur, vous ne récolterez que les avantages du chargement paresseux. En savoir plus sur le chargement paresseux des images, le meilleur plugin de chargement paresseux WordPress pour votre site Web et les images de chargement paresseux WordPress.
« Je suis contre le chargement paresseux. Pour moi, cela se traduit par une mauvaise UX." dit, Jerry Low à Web Hosting Secrets Revealed, "Ma solution a toujours été d’utiliser une simple astuce JavaScript pour différer le chargement de l’image.
Ceci est particulièrement important si vous avez une page contenant beaucoup d’images. La dernière chose que vous voulez, c’est que les utilisateurs qui défilent rapidement se retrouvent devant un écran vide.
Activer LazyLoad sur WordPress
La technique de lazyload est facile à activer sur n’importe quel site Web WordPress à l’aide d’un plugin WordPress Lazy Load. Il existe de nombreux plugins WordPress à chargement paresseux parmi lesquels vous pouvez choisir et voici quelques-uns des plus populaires :
Ce plugin, implémentant la technique du "Lazy Load", évite le téléchargement d’images et d’iframe qui ne s’affichent pas à l’écran (par exemple, les images en bas de page) jusqu’à ce que l’utilisateur les affiche. Cela améliore la vitesse de chargement de la page et économise la bande passante.
BJLazy Load, ou BJLoad, est le meilleur plugin Lazy Load si vous souhaitez charger paresseusement des images et les remplacer par des espaces réservés. Les images sélectionnées peuvent être des images Gravatar, des images de publication, des vignettes ou des iFrames. Vous pouvez également personnaliser certains paramètres, y compris la sélection d’espace réservé.
BJLazy est un plugin WordPress Lazy Load qui s’adresse aux images optimisées en taille, c’est-à-dire qu’il fournit automatiquement des images de taille réduite dans des conceptions réactives et fournit des images hiDPI pour l’affichage de la rétine d’Apple et d’autres écrans hiDPI.
Diminution du temps de chargement des pages par chargement progressif des images et autres éléments. Ils se chargeront juste au moment où ils atteindront la partie visible de l’écran.
Le plugin affecte ces éléments :
<img>élément- Propriété CSS
background-image - images réactives avec
srcsetattribut <iframe>élément<video>élément
Traits:
- réduire jusqu’à 90 % le temps de chargement de la page, en fonction de la quantité d’éléments
- compatible avec Visual Composer
- vous pouvez choisir d’ignorer toutes les iframes ou une seule dans un élément spécifique
- vous pouvez choisir d’ignorer des éléments spécifiques avec une certaine classe
- vous pouvez afficher des éléments plus tôt ou plus tard qui sont visibles à l’écran
- animation de fondu enchaîné facultative
a3 Lazy Load est un plugin orienté mobile, très simple à utiliser, qui accélérera la vitesse de chargement des pages du site. Plus votre site contient de contenu, meilleures seront les performances du plug-in et plus vous constaterez d’améliorations des performances.
Rocket Lazy Load est un plugin WordPress Lazy Load facile à installer et à activer qui permet à votre site Web d’afficher toutes les images dans n’importe quel message/widget ainsi que des avatars, des vignettes et des émoticônes pendant que les utilisateurs font défiler la page.
Rocket Lazy Load n’est pas seulement un très petit, prenant moins de 2 ko, mais c’est aussi un script WordPress d’images de chargement paresseux sans option et non personnalisable.
Crazy Lazy aide à augmenter les performances de votre blog ou site Web en affichant efficacement les images. Lorsqu’une page afficherait généralement des images, Crazy Lazy empêchera ces images de se charger. Ce n’est que lorsqu’un utilisateur fait défiler la page et atteint la position où une image doit réellement être affichée que cette image particulière sera chargée à partir du serveur.
Conçu avec un défilement infini à l’esprit, Ajax Load More est un plugin de chargement paresseux qui peut s’adapter aux pages de chargement paresseux, aux publications, ainsi qu’aux commentaires basés sur des requêtes alimentées par Ajax. Certaines des fonctionnalités d’Ajax Load More incluent le générateur de shortcode pour les requêtes WP personnalisées, ainsi que la compatibilité avec Easy Digital Downloads et WooCommerce. Essentiellement, Ajax Load More est également un bon plugin si vous cherchez à charger paresseux des sites de commerce électronique.
Ce plugin améliore les temps de chargement des pages et augmente votre score Google PageSpeed. Il remplace les vidéos Youtube et Vimeo intégrées par une image d’aperçu cliquable.
En chargeant les vidéos uniquement lorsque l’utilisateur clique sur l’image de prévisualisation – en utilisant jQuery -, aucun JavaScript inutile n’est chargé. Surtout sur les sites avec de nombreuses vidéos intégrées, cela rendra vos visiteurs heureux.
Ce plugin de chargement paresseux WordPress regorge d’excellentes fonctionnalités telles que le chargement paresseux pour les images et le diaporama de la galerie et les effets lightbox pour les images désignées. Avec ce plugin, vous pouvez ajouter les effets sans sacrifier la vitesse de chargement de votre page.
Image LazyLoad et Slideshow ont également la possibilité d’ajouter des codes CSS et de suivi personnalisés et du code HTML personnalisé.
Considéré comme l’un des plugins de chargement paresseux les plus importants pour WordPress, Commentaires Avatar Lazyload gère les images via Gravatar. De nombreux plugins de commentaires utilisent les images Gravatar, et ce plugin spécifique améliore les temps de chargement de votre site Web en chargeant paresseux les images Gravatar.
Votre site Web contient beaucoup de contenu en images et consomme beaucoup de ressources lors du chargement ? Votre patron et vos clients considèrent la fluidité de la page comme une affaire sérieuse ?
Avec le plugin WP Image Lazy Load, plus besoin de sacrifier la qualité de vos belles images !
Galeries de famille, portfolios, reportages avec beaucoup de photos. Ce plugin offre une meilleure expérience utilisateur en retardant le chargement des images dans les pages Web (particulièrement longues). Les images en dehors de la partie visible de la page que l’utilisateur visualise ne seront pas chargées avant que l’utilisateur ne les fasse défiler.
Fin des réflexions sur les meilleurs plugins de chargement paresseux WordPress
Les images sont généralement à blâmer lorsque les sites Web prennent une éternité à se charger, et l’optimisation de la vitesse d’un site est donc axée sur l’optimisation des temps de chargement des images. Cependant, vous ne pouvez pas nier l’importance des images lorsqu’il s’agit d’ajouter de la valeur à une publication ou à tout autre contenu.
Une image vaut mille mots reste vrai à l’ère d’internet. L’expérience utilisateur est très importante, et vous voulez que les utilisateurs restent sur votre site Web pour voir ces images étonnantes qui les épateront et rendront votre contenu plus pertinent pour eux.
D’autre part, les temps de chargement lents frustrent les utilisateurs et les éloignent. La solution est simple: le plugin WordPress Lazy Load. Un plugin WordPress Lazy Load est la seule solution pour ajouter d’excellents temps de chargement à un site Web riche en images et en vidéos.
Si vous avez apprécié la lecture de cet article sur le plugin de chargement paresseux WordPress, vous devriez consulter celui-ci sur la façon de tirer parti de la mise en cache du navigateur dans WordPress.
Nous avons également écrit sur quelques sujets connexes tels que le plugin de base de données WordPress, comment accélérer WordPress, les options du plugin de cache WordPress et les services CDN.