Google s’apprête à transformer l’expérience de navigation avec la sortie prochaine de Chrome 148. Ce navigateur intègre une nouvelle fonctionnalité très attendue : le chargement différé natif pour les vidéos et les fichiers audio, promettant une accélération notable du web.
L’essentiel à retenir
- Chrome 148 introduit le chargement différé natif pour les vidéos et audios, simplifiant le processus pour les développeurs.
- Un simple attribut « loading=lazy » dans le code HTML permet désormais d’activer cette fonctionnalité sans JavaScript.
- Tous les navigateurs basés sur Chromium, comme Edge et Opera, bénéficieront de cette amélioration.
Le chargement différé : une avancée pour les vidéos et audios
Le « lazy loading », ou chargement différé, n’est plus limité aux images et iframes. Avec Chrome 148, Google étend cette fonctionnalité aux vidéos et fichiers audio. Avant cette mise à jour, les développeurs devaient recourir à JavaScript et à l’API « Intersection Observer » pour appliquer ce procédé, ajoutant ainsi de la complexité au développement web.
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
Désormais, un simple attribut HTML « loading=lazy » permet au navigateur de retarder le chargement des vidéos et audios jusqu’à ce qu’ils soient nécessaires. Cette simplification promet des gains de performance, notamment sur les réseaux mobiles.
Une initiative issue de la communauté open source
Cette innovation ne provient pas directement de Google. C’est grâce à Helmut Januschka, un développeur indépendant, que cette proposition a été soumise au moteur Chromium. Cette plateforme open source, qui sert de base à plusieurs navigateurs comme Edge, Brave et Vivaldi, permettra à ces derniers d’adopter cette fonctionnalité sans développement supplémentaire.
La communauté open source continue ainsi de jouer un rôle crucial dans l’évolution des technologies web, apportant des solutions pratiques et efficaces.
Impact sur les sites de médias en ligne
Les sites de médias en ligne, souvent riches en contenus vidéo, seront parmi les principaux bénéficiaires de cette amélioration. Ceux ne disposant pas déjà d’un chargement différé via JavaScript verront leurs performances optimisées, avec des pages s’ouvrant plus rapidement et une réduction de la consommation de données.
Pourtant, tant que Firefox et Safari ne suivent pas cette voie, les développeurs devront continuer d’utiliser des bibliothèques JavaScript pour garantir une compatibilité maximale.
Les prochaines étapes de l’optimisation web : le rôle des Progressive Web Apps
En parallèle de ces avancées, les Progressive Web Apps (PWA) continuent de révolutionner le web en offrant des expériences utilisateur fluides et performantes. Ces applications, qui combinent le meilleur des sites web et des applications mobiles, permettent d’accéder à des fonctionnalités hors ligne, d’envoyer des notifications push et de s’intégrer plus étroitement à l’environnement de l’utilisateur. À mesure que les navigateurs évoluent pour prendre en charge de nouvelles fonctionnalités, les PWA joueront un rôle central dans la transformation numérique des services en ligne.