Passer au contenu principal
3 minutes de lecture (636 mots)

Chargement des images - Lazy Loading progressif sur WordPress

Couverture

Les médias transforment un blog WordPress stérile en un site vivant et animé, mais la dure réalité est que les fichiers et le SEO ne font pas bon ménage. Il n'y a pas grand-chose à dire pour le contredire : des temps de chargement plus lents entraînent de moins bons scores SEO. Cependant, tout espoir n'est pas perdu. Il y a quelques mois, nous avons parlé de la façon dont WP Speed of Light atténue les problèmes liés au lazy loading. Aujourd'hui, nous allons encore plus loin.

 

Pour rappel, lazy loading ne charge pas toutes les images d'un article ou d'une page WordPress dès que l'utilisateur arrive sur la page. À la place, WP Speed of Light attend que les images entrent dans le champ de vision pour les télécharger. Ainsi, la page se charge beaucoup plus rapidement au départ, ce qui améliore le référencement tout en rendant l'expérience plus agréable pour les lecteurs disposant d'une connexion Internet plus lente.

 

Dans la version 2.5 du plugin WordPress, la fonctionnalité lazy loading a été améliorée pour être un peu plus réactive aux appareils de votre audience et à leurs limites. La dernière itération de WP Speed of Lightde lazy loading est plus réactive, en particulier pour les utilisateurs sur des mobiles d'entrée de gamme ou avec une connexion Internet lente.

Au lieu de ne voir aucune image puis de les voir se charger brusquement, vos utilisateurs WordPress verront d'abord une version basse résolution et floue du fichier média. Lorsque le téléchargement est terminé, l'image devient nette en fondu. Ainsi, les lecteurs sauront qu'une image existe et pourront soit attendre son chargement, soit continuer leur lecture et y revenir plus tard.

 

Les images démystifiées

Quel est le meilleur atout de la dernière mise à jour de WP Speed of Light ? Si vous disposez de l'extension pro du plugin WordPress, vous n'avez presque rien à faire. Pour configurer lazy loading, rendez-vous dans le WP Speed of Light’s optimisation de la vitesse menu. De là, activez le chargement différé des lazy loading depuis l'onglet accélération .

Si vous souhaitez un contrôle accru, consultez notre article précédent, mais cela devrait suffire pour tester la dernière fonctionnalité de lazy loading. En fait, c'est pratiquement tout. Une fois le lazy loading d'images activé, les fichiers multimédias ne se chargeront que si et quand cela est nécessaire, avec en prime la nouvelle fonctionnalité de flou.

 

progressive-lazy-loading-activation

 

Comme indiqué ci-dessus, vos images afficheront d'abord une image de remplacement en basse résolution sur les réseaux lents, floutée pour être plus esthétique. WordPress charge - ou plutôt, charge en différé - l'image en pleine résolution en arrière-plan sans interrompre le lecteur. Lorsque l'image termine lazy loading, l'image de remplacement cède la place à l'image complète.

 

Chargement différé progressif Lazy Loading et référencement sur WordPress

La question à un million de dollars, cependant, est de savoir comment ce nouveau chargement différé d'images lazy loading affecte le référencement. Après tout, l'espace réservé d'image floue n'ajouterait-il pas plus de temps de chargement ? En réalité, oui. En pratique, pas du tout. L'espace réservé d' WP Speed of Lightest une minuscule image de 20 pixels dont le temps de chargement est négligeable, n'ajoutant aucune surcharge à vos temps de chargement SEO. En même temps, le flou masque les artefacts pixelisés de l'image de basse qualité.

Et comme dans la version précédente du lazy loading , tous les éléments HTML SEO des images sont chargés dès le premier chargement (pas en lazy loading). Par conséquent, les robots de Google et autres peuvent lire le nom du fichier image, le titre et la balise alt.

 

image-lazy-loadin-seo

 

Le SEO est important, mais il doit passer après l’expérience utilisateur. La dernière mise à jour d’ WP Speed of Lightprend ce principe à cœur, tout en combinant les fonctionnalités bénéfiques au SEO avec l’esthétique qui donne envie aux lecteurs de revenir - sans aucun coût supplémentaire pour le SEO. Découvrez le rendu d’un lazy loading progressif ici :

 

image-lazy-loading

 

Si vous souhaitez déployer le chargement différé progressif lazy loading sur votre site WordPress, suivez simplement ce lien : https://www.joomunited.com/wp-speed-of-light

WP Speed of Light est efficace sur tous les services d'hébergement disponibles sur Internet, par exemple, Cloudways est un parfait exemple de service populaire.

Restez informé

Lorsque vous vous abonnez au blog, nous vous enverrons un e-mail lorsqu'il y aura de nouvelles mises à jour sur le site afin que vous ne les manquiez pas.

Articles similaires