Chargement des images

1. Que sont les images de chargement paresseux?
2. Devrais-je charger des images?
3. Comment charger les images de paresseux en javascript?

Que sont les images de chargement paresseux?

Lazy Loading Images est un ensemble de techniques dans le développement du Web et des applications qui reportent le chargement des images sur une page à un moment ultérieur - lorsque ces images sont réellement nécessaires, au lieu de les charger à l'avant.

Devrais-je charger des images?

Vous devez toujours utiliser le chargement paresseux pour les images sous le pli. Comme nous l'avons expliqué, le chargement paresseux réduira le temps de chargement réel et perçu. L'expérience utilisateur en bénéficiera - et vos utilisateurs vous remercieront.

Comment charger les images de paresseux en javascript?

À l'aide de la propriété isInthersect, vous pouvez sélectionner l'URL dans l'attribut Data-Src et le déplacer vers l'attribut SRC afin que le navigateur puisse charger l'image lorsque l'API détermine que l'élément a entré la fenêtre. Une fois cela terminé, vous pouvez retirer l'observateur et la classe paresseuse de l'image.