Images Chargement sur l'expérience de défilement

1. Pourquoi les photos sont paresseuses?
2. Devrais-je charger toutes les images?
3. Comment puis-je charger des photos hors écran?

Pourquoi les photos sont paresseuses?

Pourquoi opter pour le chargement paresseux des images? Le chargement paresseux décore le chargement d'une image qui n'est pas nécessaire sur la page immédiatement. Une image, non visible pour l'utilisateur lorsque la page se charge, est chargée plus tard lorsque l'utilisateur défile et que l'image devient réellement visible.

Devrais-je charger toutes les 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 puis-je charger des photos hors écran?

Avec le chargement paresseux du navigateur, il vous suffit d'ajouter un attribut de chargement avec une valeur de paresseux à la balise IMG dans le balisage HTML. En termes simples, tout ce que vous avez à faire est de dire au navigateur quelles images à la charge paresseuse. Aucun javascript, API ou calculs requis.