Web : Qu'est ce que le lazy loading ?

• Le lazy loading est la technique de chargement différé utilisée en développement web pour accélérer l'affichage d'une page. La technique consiste à ne charger les ressources qu'au moment où elles sont nécessaires. Les ressources lourdes, telles que les vidéos et les Iframes, sont principalement concernées.
• Exemples de lazy loading sur une page produit d'un site de e-commerce :
• Le navigateur ne charge le module JavaScript de visualisation 3D que quand/si l'utilisateur utilise la fonctionnalité de 3D.
• Les images du produit ne sont chargées que lorsque l'utilisateur fait défiler la page jusqu'à ces images.
• Tous les éléments statiques visibles à l'ouverture de la page, en revanche, sont chargés sans délai.

Lorsqu'une page charge lentement, imposant de patienter, cela provoque de l'agacement. Grâce au lazy loading, le développeur réduit le temps de chargement sans sacrifier la qualité de l'affichage : les éléments immédiatement nécessaires apparaissent, les autres sont mis en attente. L'UX est bonne, les utilisateurs sont dans de bonnes dispositions pour visiter le site web.

En 2025, Google indique que le temps de chargement doit être inférieur à 2,5 secondes pour offrir une UX satisfaisante.