Awesome GitHub RepositoriesSource Selection Logic

layzr.js est une bibliothèque JavaScript de lazy loading d'images conçue pour améliorer la vitesse de chargement initiale des pages en retardant le téléchargement des images jusqu'à ce qu'elles entrent dans la fenêtre d'affichage (viewport) du navigateur. Elle fonctionne comme un sélecteur d'images responsive qui identifie la source d'image la plus appropriée en fonction de la prise en charge du navigateur et du ratio de pixels de l'appareil. La bibliothèque utilise un système de livraison d'images responsive qui évalue les attributs de données pour sélectionner les sources optimales. Elle inclut un mécanisme de suivi de contenu dynamique, qui surveille le document pour les images nouvellement ajoutées afin de s'assurer qu'elles sont automatiquement ajoutées à la file d'attente de chargement. Le projet fournit un suivi de visibilité via l'API Intersection Observer et inclut un utilitaire pour forcer des rafraîchissements manuels de la fenêtre d'affichage. Il dispose également d'un émetteur d'événements qui permet à une logique personnalisée de s'exécuter via des hooks de cycle de vie avant et après la mise à jour des sources d'images.