1 Repo
Awesome GitHub RepositoriesSource Selection Logic
Logic that chooses the most appropriate asset URL based on device attributes and browser capabilities.
Distinct from HTML Data Attribute Extraction: Distinct from HTML Data Attribute Extraction: focuses on using extracted attributes to make a selection decision rather than just extracting the data.
Explore 1 awesome GitHub repository matching web development · Source Selection Logic. Refine with filters or upvote what's useful.
Awesome Source Selection Logic GitHub Repositories
Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
- callmecavs/layzr.js
callmecavs/layzr.js
5,503Auf GitHub ansehenlayzr.js ist eine JavaScript-Bibliothek für Lazy Loading von Bildern, die die initiale Seitenladezeit verbessert, indem der Download von Bildern verzögert wird, bis sie in den Viewport des Browsers gelangen. Sie fungiert als responsiver Bild-Selektor, der basierend auf Browser-Unterstützung und Pixeldichte des Geräts die am besten geeignete Bildquelle identifiziert. Die Bibliothek nutzt ein System für responsive Bildauslieferung, das Datenattribute auswertet, um optimale Quellen auszuwählen. Sie enthält einen Mechanismus für dynamisches Content-Tracking, der das Dokument auf neu hinzugefügte Bilder überwacht, um sicherzustellen, dass diese automatisch zur Lade-Queue hinzugefügt werden. Das Projekt bietet Sichtbarkeits-Tracking über die Intersection Observer API und enthält ein Utility, um manuelle Viewport-Refreshes zu erzwingen. Zudem verfügt es über einen Event-Emitter, der es ermöglicht, benutzerdefinierte Logik über Lifecycle-Hooks vor und nach der Aktualisierung von Bildquellen auszuführen.
Implements a system to select the optimal image URL by evaluating custom HTML attributes against device pixel ratios.
JavaScriptimagelazyload
