Google steht kurz davor, das Surferlebnis mit der bevorstehenden Veröffentlichung von Chrome 148 zu revolutionieren. Dieser Browser integriert eine lang erwartete neue Funktion: das native Lazy Loading für Videos und Audiodateien, was eine spürbare Beschleunigung des Webs verspricht.
Das Wesentliche in Kürze
- Chrome 148 führt das native Lazy Loading für Videos und Audios ein und vereinfacht den Prozess für Entwickler.
- Ein einfaches Attribut „loading=lazy“ im HTML-Code ermöglicht es nun, diese Funktion ohne JavaScript zu aktivieren.
- Alle auf Chromium basierenden Browser, wie Edge und Opera, werden von dieser Verbesserung profitieren.
Lazy Loading: Ein Fortschritt für Videos und Audios
Das „Lazy Loading“ ist nicht mehr auf Bilder und iframes beschränkt. Mit Chrome 148 erweitert Google diese Funktion auf Videos und Audiodateien. Vor diesem Update mussten Entwickler auf JavaScript und die „Intersection Observer“-API zurückgreifen, um dieses Verfahren anzuwenden, was die Webentwicklung komplexer machte.
Nun ermöglicht ein einfaches HTML-Attribut „loading=lazy“ dem Browser, das Laden von Videos und Audios zu verzögern, bis sie benötigt werden. Diese Vereinfachung verspricht Leistungsgewinne, insbesondere in mobilen Netzwerken.
Eine Initiative aus der Open-Source-Community
Diese Innovation stammt nicht direkt von Google. Dank Helmut Januschka, einem unabhängigen Entwickler, wurde dieser Vorschlag dem Chromium-Engine unterbreitet. Diese Open-Source-Plattform, die als Basis für mehrere Browser wie Edge, Brave und Vivaldi dient, ermöglicht es diesen, diese Funktion ohne zusätzliche Entwicklung zu übernehmen.
Die Open-Source-Community spielt weiterhin eine entscheidende Rolle bei der Entwicklung von Webtechnologien und bietet praktische und effektive Lösungen.
Auswirkungen auf Online-Medienseiten
Online-Medienseiten, die oft reich an Videoinhalten sind, werden zu den Hauptnutznießern dieser Verbesserung gehören. Diejenigen, die noch kein Lazy Loading über JavaScript haben, werden ihre Leistung optimiert sehen, mit schneller ladenden Seiten und einer Reduzierung des Datenverbrauchs.
Solange jedoch Firefox und Safari diesen Weg nicht einschlagen, müssen Entwickler weiterhin JavaScript-Bibliotheken verwenden, um maximale Kompatibilität zu gewährleisten.
Die nächsten Schritte der Weboptimierung: Die Rolle der Progressive Web Apps
Parallel zu diesen Fortschritten revolutionieren Progressive Web Apps (PWA) weiterhin das Web, indem sie flüssige und leistungsstarke Benutzererlebnisse bieten. Diese Anwendungen, die das Beste aus Websites und mobilen Apps kombinieren, ermöglichen den Zugriff auf Offline-Funktionen, das Senden von Push-Benachrichtigungen und die engere Integration in die Benutzerumgebung. Während sich die Browser weiterentwickeln, um neue Funktionen zu unterstützen, werden PWAs eine zentrale Rolle bei der digitalen Transformation von Online-Diensten spielen.