Définir ce que signifie utile
Un composant peut être préparé avant d’entrer dans la zone visible afin d’éviter une attente. La distance choisie dépend du coût du chargement et du parcours. Une marge trop grande peut charger presque toute la page ; une marge trop courte peut afficher un vide pendant le défilement.
Garder les fonctions natives lorsque adaptées
Pour une image simple, le chargement différé natif peut suffire. Un observateur personnalisé se justifie lorsqu’un composant possède un comportement spécifique. Ajouter une bibliothèque pour reproduire une fonction déjà disponible peut augmenter la complexité sans améliorer le résultat.
Prévoir la sortie de l’observation
Un travail qui ne doit être déclenché qu’une fois peut arrêter son observation après activation. Un composant qui s’anime selon sa visibilité doit gérer entrée et sortie. Testez les ancres, les panneaux masqués et les défilements rapides, pas uniquement une descente lente dans la page.