Awesome GitHub RepositoriesVideo Lazy Loading

vanilla-lazyload is a JavaScript lazy loading library and viewport-based asset loader designed to improve page load speed by deferring the loading of images, videos, iframes, and backgrounds. It functions as an intersection observer media loader that triggers resource downloads and script execution only when elements enter the browser viewport. The project also serves as a native lazy loading polyfill, utilizing native browser loading attributes where supported and providing a JavaScript fallback for older environments. The library distinguishes itself through active bandwidth management, suc

Dieses Projekt ist eine Vanilla-JavaScript-Bibliothek und ein Web-Performance-Optimierer, der darauf ausgelegt ist, das Laden von Bildern, Videos und Iframes zu verzögern, bis sie in den Browser-Viewport gelangen. Es fungiert als Intersection-Observer-Wrapper und adaptiver Media-Loader, um die anfänglichen Seitenladezeiten zu reduzieren und Bandbreite zu sparen. Die Bibliothek zeichnet sich dadurch aus, dass sie responsive Bilder über srcset- und picture-Tags sowie CSS-Hintergrundbilder und animierte SVGs unterstützt. Sie integriert sich in native Browser-Ladeattribute, wo verfügbar, und bietet gleichzeitig benutzerdefinierte Fallbacks für nicht unterstützte Umgebungen. Sie kann zudem die Ausführung spezifischer JavaScript-Funktionen basierend auf der Sichtbarkeit von Elementen auslösen. Zu den breiten Funktionen gehört das Frontend-Asset-Management mit Unterstützung für das Targeting benutzerdefinierter Scroll-Container und die Beobachtung dynamischer Inhalte für asynchron injizierte Elemente. Das Dienstprogramm verwaltet zudem die Netzwerkzuverlässigkeit durch Fehlerbehandlung beim Laden von Assets und bricht aktive Downloads für Elemente ab, die den Viewport vor Abschluss verlassen.