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.
Chaque semaine, nous sélectionnons les solutions les plus utiles pour les professionnels du digital : IA, productivité, marketing, création de contenu et business. Voici les outils que nous recommandons actuellement.
☁️ pCloud – Le stockage cloud sécurisé avec une offre à vie.
Sauvegardez vos fichiers, photos et documents importants avec plusieurs centaines de Go ou plusieurs To disponibles.
→ Découvrir l'offre pCloud
🛒 Shopify – Créez votre boutique e-commerce sans coder.
Une solution complète pour lancer, gérer et développer votre activité en ligne.
→ Tester Shopify gratuitement
🤖 Jasper – L'assistant IA pour accélérer votre marketing.
Création de contenus, campagnes publicitaires et idées marketing : gagnez du temps grâce à l'intelligence artificielle.
→ Découvrir Jasper
🎬 CapCut Pro – Le montage vidéo dopé à l'IA.
Créez rapidement des vidéos professionnelles avec des outils avancés et automatisés.
→ Tester CapCut Pro
📊 HubSpot CRM – Le CRM idéal pour structurer votre croissance.
Gérez vos prospects, vos ventes et vos campagnes marketing depuis une seule plateforme.
→ Découvrir HubSpot CRM
🧠 MindManager – Organisez vos idées et vos projets efficacement.
Un outil puissant pour créer des mind maps, structurer vos stratégies et mieux collaborer.
→ Découvrir MindManager
🇬🇧 Gymglish – Améliorez votre anglais professionnel chaque jour.
Des cours personnalisés et courts pour progresser facilement, quel que soit votre niveau.
→ Profiter de l'essai gratuit
🌍 Preply – Apprenez une langue avec un professeur particulier.
Trouvez un enseignant adapté à vos objectifs et progressez à votre rythme.
→ Trouver votre professeur
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.