Chargement paresseux ou chargement enthousiaste

Chargement paresseux : Qu'est-ce que c'est et pourquoi devrais-tu t'en préoccuper ?

Un beau site web, c'est bien, mais pas si personne ne le voit. 

Tu as peut-être conçu un site Web époustouflant, mais s'il ne se charge pas rapidement, tu risques de perdre du trafic. 

Différentes études ont montré qu'environ 50 % des utilisateurs d'Internet s'attendent à ce qu'une page Web se charge en deux secondes ou moins, ce qui signifie que s'il faut trois secondes pour lancer ton site, il y a de fortes chances que tu aies perdu ton visiteur. 

À l'inverse, il est en fait possible d'augmenter les conversions en diminuant le temps de chargement des pages. 

Lorsque tu fais des recherches sur la façon de rendre ton site Web plus rapide, il y a de fortes chances que tu sois tombé sur le terme "lazy loading" (chargement paresseux).

Si tu n'es pas sûr de ce qu'est ce terme, ne t'inquiète pas. Tu n'es pas le seul.

Qu'est-ce que le chargement paresseux ?

Le chargement paresseux (également connu sous le nom de chargement différé) est l'action de ne charger les éléments de la page que lorsqu'ils sont nécessaires, dans le but de conserver les ressources du système et d'améliorer la vitesse et les performances globales. 

En ce qui concerne les images, le chargement paresseux signifie que toute image dont on n'a pas immédiatement besoin ne se chargera pas tant qu'on ne l'appellera pas. 

Il fonctionne en ajoutant des attributs au contenu original.

En différant le chargement des images jusqu'à ce qu'elles soient nécessaires, les pages Web peuvent se charger plus rapidement avec seulement les images immédiatement nécessaires. 

Les images de la page qui ne sont pas dans la fenêtre de vue des utilisateurs seront remplies par une image de remplacement jusqu'à ce qu'on en ait besoin.

Si tu es un utilisateur d'instagram, tu as probablement déjà vu cette fonctionnalité plusieurs fois. La prochaine fois que tu utiliseras Instagram, visite une page populaire et remarque que les photos ne se chargent pas tant que l'utilisateur ne fait pas défiler la page jusqu'à l'endroit où se trouvent ces photos. 

Qu'est-ce que le chargement enthousiaste ?

Alors que le lazy loading prend son temps pour charger les images, eager n'a pas la même patience.

L'Eager loading est l'action de forcer le chargement de tous les actifs d'une page en une seule fois. Il charge les entités connexes, même si le visiteur ne fait jamais défiler la page jusqu'à elles. 

Tu as peut-être déjà vu le chargement rapide en action. Si tu as déjà visité une page contenant beaucoup de photos ou de vidéos qui affichait un écran de chargement, il s'agit d'un chargement impatient. 

Le chargement impatient te permet de charger toutes tes ressources en même temps, mais il peut entraîner des vitesses beaucoup plus lentes et une utilisation accrue de la bande passante et des ressources. 

Chargement paresseux ou chargement enthousiaste

Pour ce qui est du type de chargement qui fonctionne le mieux, tout dépend de tes besoins individuels. 

Le chargement paresseux offre toute une série d'avantages tels que la réduction des demandes, un temps de chargement plus rapide, moins de ressources et la conservation de la bande passante.

Cela est particulièrement utile si tu as beaucoup de photos sur une page ou un article qui contient plusieurs photos.

Et avec les sites mobiles, où les utilisateurs ont tendance à être encore plus impatients.

Le chargement rapide garantit que ton site et toutes les ressources qui s'y rapportent se chargent en une seule fois. 

Si tu as des actifs légers ou des requêtes rapides, le chargement impatient peut être une bonne option car il permet de gagner du temps en n'ayant pas à exécuter de requêtes SQL supplémentaires.

Chargement paresseux dans WordPress

WordPress a introduit le chargement paresseux pour les images par défaut dans WordPress 5.5.

Jusqu'à la version 5.5, les utilisateurs devaient installer un plugin tiers pour charger les images paresseusement. 

Cela devrait offrir une grande amélioration de la vitesse du site pour des millions d'utilisateurs de WordPress .

"Avec WordPress permettant le chargement paresseux natif par défaut, cela aurait un impact significatif sur les performances et l'expérience utilisateur pour des millions de sites, sans nécessiter de connaissances techniques ou même de sensibilisation au chargement paresseux en tant que concept", a déclaré Felix Arntz, core committer de WordPress dans le billet d'annonce de la version 5.5. "L'adoption du nouvel attribut de chargement est une grande chance pour WordPress de montrer la voie vers un web plus rapide dans son ensemble."

Le chargement paresseux peut maintenant être ajouté à n'importe quelle page en ajoutant l'attribut "loading" à n'importe quelle balise "img".