Lazy loading pour améliorer le temps de chargement de son site

par | 16 Fév. 2021 | ToolBox

lazy loading

Normalement quand un utilisateur ouvre une page internet, tout le contenu de la page est téléchargé et affiché directement. Cette pratique s’appelle le bulk loading.

Bien que cela permette au navigateur de mettre en cache la page web, il n’y a aucune garantie que l’utilisateur regardera tout le contenu de la page.

Par exemple si toute une galerie photo est téléchargée mais que l’utilisateur quitte la page après avoir uniquement regardé la première image, alors l’utilisateur se retrouve avec de la mémoire et de la bande-passante gâchée.

Avec le lazy loading, les pages de votre site sont créées avec des sections qui sont remplacées par le contenu quand l’utilisateur en a besoin.

Au lieu de charger toute la page en une fois, le contenu peut être chargé quand l’utilisateur atteint une partie de la page qui le nécessite. Avec le lazy loading, les pages de votre site sont créées avec des sections qui sont remplacées par le contenu quand l’utilisateur en a besoin.

Envie d’améliorer le SEO de votre site ? demandez un devis

Exemple d’amélioration du temps de chargement avec le lazy loading

Pour comprendre l’importance du lazy loading, voici les deux scores de temps de chargement de la page pluvian.fr avec et sans le lazy loading ; 100 étant la note maximale (source yellow lab *):

Les bénéfices du lazy loading

1. Le lazy loading établit un équilibre entre l’optimisation de la diffusion du contenu et l’amélioration de l’expérience de l’utilisateur final.

2. Les utilisateurs accèdent au contenu plus rapidement, puisque seulement une partie du site Web doit être téléchargée lorsqu’un utilisateur l’ouvre pour la première fois.

3. Les entreprises constatent une plus grande rétention de la clientèle, car le contenu est continuellement transmis à l’utilisateur, ce qui réduit les chances qu’il quitte le site Web.

4. Les coûts en ressources serveur sont moins élevés pour les entreprises, puisque le contenu n’est livré que lorsque l’utilisateur en a besoin, plutôt que d’un seul coup.

Mise en place du lazyloading sur WordPress sans code

Vous pouvez télécharger et installer des plugins de lazyloading très facilement sur votre site internet. Celui que nous préférons s’appelle Smush

En conclusion, l’amélioration du contenu Web est essentielle pour façonner l’expérience de navigation d’un utilisateur. Le chargement dynamique des ressources permet :
  • à l’utilisateur d’explorer plus de contenu sans avoir à sauter sur plusieurs pages ou attendre que son navigateur se rafraîchisse. La navigation est vraiment ininterrompue.
  • au site, d’améliorer son SEO ou référencement naturel grâce à un temps de chargement optimisé et à une économie de la bande passante.

Près de la moitié des utilisateurs qui visitent un site Web ne voient qu’une seule page. En ajoutant continuellement du nouveau contenu à mesure que l’utilisateur défile, le lazy loading peut faire en sorte que cette vue unique compte vraiment.
N’hésitez pas à venir vers nos équipes si vous rencontrez des difficultés à améliorer le temps de chargement de votre site internet ou pour toute autre problématique SEO de votre site. Nous serons ravis de discuter avec vous !
* Sources utilisées dans cet article :

N’hésitez pas à me contacter, je suis à votre disposition.

Nous écrire

Cet article vous est présenté par Hugo, responsable de la mise en place des stratégies digitales à Pluvian. Il est spécialisé en contenu vidéo et se forme en langages informatiques à IMERIR

Prêt à vous lancer ?

logo Pluvian, agence SEO, SEA
Pluvian
AGENCE
7, rue de Verdun
38640 Claix

SIÈGE SOCIAL
10b, rue Fantin Latour
38640 Claix
bonjour@pluvian.com

Horaires

Du lundi au vendredi
De 9:00 à 12:30
De 13:30 à 18:00

"Le succès n’est pas la clé du bonheur. Le bonheur est la clé du succès. Si vous aimez ce que vous faites, vous réussirez."
ALBERT SCHWEITZER

certification qualiopi pour les actions de formation

n° de déclaration d'activité 84 38 06816 38 enregistré auprès du préfet de la région Auvergne-Rhône-Alpes

Pluvian, activateur de France Num