Joomla 4 présente de nombreuses fonctionnalités très intéressantes. On peut mentionner les fonctionnalités liées à l'accessibilité de joomla 4, mais on peut également parler d'une autre fonctionnalité intéressante qui améliore le chargement des images : le lazy loading traduit par le chargement paresseux ou le chargement différé.
Joomla 4 donne aux utilisateurs la possibilité d'activer le lazy loading d'images, pour accélérer la vitesse de chargement et à améliorer l'expérience utilisateur.
Qu'est-ce que le lazy loading d'image?
Qu'est ce que le changement différé et pourquoi est ce important ? Fondamentalement, le lazy loading est le fait de charger les images en différé. La priorité étant donné à l'affichage des éléments situés au-dessus de la ligne de flottaison.
La ligne de flottaison est une ligne virtuelle. Une partie du contenu est situé au dessus de cette ligne, une autre partie en dessous. Pour visualiser le contenu situé en dessous de cette ligne, la barre de défilement doit être utilisée. Le contenu situé en dessous de cette ligne n'est donc pas visible immédiatement.
La position de cette ligne dépend de la taille de l'écran sur lequel le site web est consulté et du type de navigateur utilisé. Pour une même page, il existe donc plusieurs lignes de flottaison qui varient en fonction de la configuration.
Avec le lazy loading, les images ne se chargent que si l'utilisateur scrolle assez pour qu'elles soient visibles.
Les avantages du lazy loading
Cette fonctionnalité proposée par Joomla présente des avantages non négligeables :
- Le lazy loading d'images améliore les performances et le temps de chargement de votre site Web. C'est un facteur qui influe sur l'expérience utilisateur.
- Il améliore le référencement naturel de votre site. Car Google favorise les sites rapides, les utilisateurs les préfèrent aussi. Et comme le moteur de recherche prend en compte le temps passé sur la page par les visiteurs, la vitesse d'affichage est importante.
Le lazy loading d'image peut être pris en charge par la plupart des navigateurs, Chrome, Edge, Opera et Firefox.
Comment activer le chargement différé des images dans Joomla 4?
Vous pouvez activer le chargement différé des images sur votre site Joomla 4 sans l'installation d'une extension tierce. Le plug-in est déjà intégré pour les images. Une fois la fonctionnalité activée, elle sera appliquée automatiquement toutes les images de votre site Joomla.
Étape 1 : Rendez vous dans le panneau de contrôle de Joomla 4
Étape 2 : Dans le menu principal Système > Plugins
Étape 3 :Dans la barre de recherche du gestionnaire de plugins, recherchez Lazy. Puis activer le Plugins Content - Image Lazy Loading.
Une fois activé, la fonctionnalité s'applique à toutes les images.
Comment améliorer les images de son web ?
Attention, même si le lazy loading peut être une aide précieuse pour maximiser le temps de chargement de votre site web, il est primordial d'améliorer vos images, sans quoi tout le travail mis en place sera totalement inefficace. Il reste à savoir comment optimiser vos images ?
La première des choses à laquelle vous devez réfléchir est le format. Vous avez le choix entre :
- Le PNG : il offre deux avantages, à savoir la transparence et la non-destruction de l’image.
- Le JPEG : ce format est très intéressant pour les dégradés et vous pourrez compresser l’image pour gagner du poids.
- Le Gif : il est souvent utilisé pour les animations simples. Il est toutefois très mauvais avec les dégradés.
De nouveaux formats ont vu le jour, comme le WebP, qui vont permettre de réduire le poids de 50 % par rapport à un JPEG ou de 52 % pour un PNG, en gardant la même qualité visuelle. Attention, ce format est parfois incompatible avec les anciens navigateurs.
Si vous avez de nombreux JPEG sur votre site, nous vous conseillons également de compresser vos images. Attention à ne pas trop dégrader l’image, car une compression à 70 % sera largement acceptable pour vous, comme pour vos utilisateurs.
Conclusion
Le lazy loading ou chargement différé est une fonctionnalité très utile et fondamentale pour votre site Web, ses performances, sa vitesse de chargement.