Chargement d'images - Progressive Lazy Loading sur WordPress

Les médias transforment un blog WordPress stérile en un site Web vivant et animé, mais la dure vérité est que les fichiers et le SEO ne vont pas bien ensemble. Il n'y a pas grand-chose à dire à l'encontre - des temps de chargement plus lents entraînent des scores SEO plus bas. 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 avec lazy loading. Maintenant, nous allons un peu 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 atterrit sur la page. Au lieu de cela, WP Speed of Light attend que les images soient visibles pour les télécharger. De cette façon, la page se charge beaucoup plus rapidement au départ, aidant le référencement tout en rendant l'expérience plus agréable pour les lecteurs sur 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 lazy loading de WP Speed of Lightest plus réactive, en particulier pour les utilisateurs ayant des mobiles bas de gamme ou une vitesse de connexion internet lente.

Au lieu de voir aucune image puis de les charger brusquement, vos utilisateurs WordPress verront initialement une version basse résolution et floue du fichier multimédia. Lorsque le téléchargement est terminé, l'image se met au point. De cette façon, les lecteurs sauront qu'une image existe et pourront soit attendre qu'elle se charge, soit continuer à lire et revenir à l'image plus tard.

Images Démystifiées

Quel est le meilleur aspect de la dernière mise à jour de WP Speed of Light ? Si vous disposez de l'extension pro pour le plugin WordPress, vous n'avez presque rien à faire. Pour configurer lazy loading, accédez au menu optimisation de la vitesse de WP Speed of Light. À partir de là, activez image lazy loading à partir de l'onglet accélération.

Si vous souhaitez un contrôle plus précis, 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. Avec l'image lazy loading activée, les fichiers multimédias ne se chargeront que si et quand nécessaire avec la nouvelle fonctionnalité de floutage en prime.

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

Chargement paresseux progressif et référencement sur WordPress

La question à un million de dollars, cependant, est de savoir comment ce nouveau chargement paresseux d'images affecte le référencement. Après tout, l'espace réservé d'image flou ajouterait-il plus de temps de chargement ? En réalité, oui. En pratique, pas du tout. L'espace réservé de WP Speed of Lightest une image minuscule de 20 pixels qui prend un temps négligeable à charger, n'ajoutant aucun surcoût à vos temps de chargement de référencement. Dans le même temps, le flou masque les artefacts pixelisés de l'image de mauvaise qualité.

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

Le référencement est important, mais il doit être secondaire par rapport à l'expérience utilisateur. La dernière mise à jour de WP Speed of Lightprend ce principe à cœur, mais combine la fonctionnalité qui bénéficie au référencement avec l'esthétique qui fait revenir les lecteurs - tout cela sans coût supplémentaire pour le référencement. Vérifiez le rendu d'un lazy loading progressif ici :

Si vous souhaitez déployer le lazy loading progressif sur votre site Web 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 sur Internet, par exemple, Cloudways est un exemple parfait de service populaire