Le lazy loading pour les images et les frames - Astuces CSS
De nos jours, les sites internet sont livrés avec un grand nombre de média tels que des images et des vidéos. Cependant, beaucoup d'entre eux sont placés bien en dessous de la zone réellement consultée par l'internaute. Par conséquent : elles augmentent le temps de chargement d'une page même sans être vues par l'utilisateur.
C'est ici qu'intervient le lazy loading. Le lazy loading sert à charger un média seulement lorsque l'internaute parcourt la page et arrive à son niveau. Cela permet un meilleur chargement de la zone consultée. Cela évite également de perdre un internaute pour le seul motif que votre site est trop lent. La ressource est donc chargée en temps voulu, pour une meilleure expérience utilisateur.
Dans cet article, Erk Struwe se focalise sur le lazy loading native pour les images et frames.
880
Source : css-tricks.com