Lazyloading

Le lazy loading (chargement paresseux) est une méthode d’optimisation web utilisée pour différer le chargement de certains éléments d’une page, comme les images, vidéos ou iframes, jusqu’à ce qu’ils soient nécessaires ou visibles dans la fenêtre d’affichage (viewport). Cela permet d’améliorer les performances du site en chargeant uniquement les ressources nécessaires, réduisant ainsi le temps de chargement initial et l’utilisation de la bande passante.

Les principaux avantages du lazy loading incluent :

  • Amélioration de la performance : En réduisant le nombre de ressources à charger initialement, le site se charge plus rapidement, ce qui améliore l’expérience utilisateur.
  • Économie de bande passante : Les éléments non visibles ne sont chargés que lorsque l’utilisateur les fait défiler, économisant ainsi des données.
  • SEO optimisé : Un temps de chargement plus rapide peut améliorer le classement dans les moteurs de recherche, car la vitesse de page est un critère important pour le SEO.

Le lazy loading est souvent implémenté via des bibliothèques JavaScript ou des attributs HTML comme loading="lazy" pour les images. Cette technique est particulièrement utile pour les pages web avec un contenu lourd, comme des sites e-commerce ou des galeries d’images.

Articles associés

INP, Interaction to Next Paint, futur remplaçant du FID, First Input Delay.

Technique

8 juin 2022

Depuis quelques semaines si vous suivez régulièrement vos perfs dans PageSpeed Insight, vous avez vu apparaître des indicateurs qui n’étaient pas présents avant. Parmi ceux-ci...

Lire la suite de INP, Interaction to Next Paint, futur remplaçant du FID, First Input Delay.

artwaï accompagne Leocare sur sa webperf

Réseau

9 février 2022

Depuis 2016, artwaï est partenaire de Leocare, l’assurance communautaire connectée et personnalisée. Notre agence web à Rennes réalise le site internet et la maintenance de...

Lire la suite de artwaï accompagne Leocare sur sa webperf

Optimisation WordPress : cas pratique

Technique

14 novembre 2018

Nous allons vous décrire un cas pratique réalisé dernièrement, le passage en HTTPS et l'optimisation Wordpress du site cobrenord.com.

Lire la suite de Optimisation WordPress : cas pratique