Google finalise une nouvelle fonctionnalité technique pour Chrome 148 promet de changer la façon dont les vidéos et l'audio se chargent sur le webLe navigateur retardera intelligemment le téléchargement de ces ressources multimédias jusqu'à ce qu'elles soient réellement nécessaires, dans le but d'améliorer les performances de la page et de réduire la consommation de données, notamment sur les connexions mobiles.
L'idée n'est pas entièrement nouvelle : depuis 2019, Chrome et d'autres navigateurs basés sur Chromium implémentent chargement différé des images et des iframesCe qui est maintenant proposé, c'est d'étendre cette même logique aux éléments. y qui sont généralement beaucoup plus lourdes et ont un impact plus important sur la vitesse de chargement initiale.
Qu’est-ce que le chargement différé et comment s’applique-t-il à la vidéo et à l’audio ?
La chargement paresseux C'est une technique qui consiste à Reportez le téléchargement et l'initialisation de certaines ressources jusqu'à ce que l'utilisateur s'approche de celles-ci en faisant défiler la page.Au lieu d'afficher tout d'un coup à l'ouverture de la page, le navigateur se concentre d'abord sur le contenu visible et laisse de côté ce qui est hors écran pour plus tard.
En pratique, lorsqu'un site web inclut une vidéo ou un fichier audio bien en dessous de la première page, le navigateur, grâce à cette nouvelle fonctionnalité, Le téléchargement ou la préparation ne commencera pas immédiatement.Le système attendra que l'utilisateur s'éloigne suffisamment de la ressource avant de lancer le chargement. Cela évite le téléchargement inutile de fichiers multimédias qui ne seront peut-être jamais visionnés ni lus.
Jusqu'à présent, de nombreux développeurs s'appuyaient sur Solutions personnalisées en JavaScript, combinant des outils comme Intersection Observer avec le chargement dynamique des attributs srcC'était une méthode valable pour obtenir un effet similaire, mais elle complexifiait le code et ne s'intégrait pas aussi bien aux optimisations internes du moteur du navigateur.
Avec cette nouvelle implémentation, Chrome permettra utiliser directement l'attribut chargement="paresseux" balises vidéo et audioComme pour les images et certains autres éléments, cela permettra au navigateur de déterminer quelles ressources multimédias peuvent être chargées ultérieurement et à quel moment.
D'après les informations recueillies dans la feuille de route de la plateforme, Chromium a commencé à travailler sur cette fonctionnalité au début de l'annéeCette fonctionnalité a déjà franchi plusieurs phases de développement interne. L'objectif est d'affiner son comportement visuel ainsi que son interaction avec le reste du système de chargement du navigateur.
Quels changements dans Chrome 148 et les autres navigateurs basés sur Chromium ?
La nouvelle fonctionnalité sera activée nativement dans Chrome 148Cela s'applique aussi bien aux ordinateurs qu'aux appareils mobiles, ainsi qu'à WebView, le conteneur utilisé par de nombreuses applications pour afficher du contenu web. Selon la documentation de Google, Cette fonctionnalité est déjà en cours de test dans les branches de développement telles que Chrome 147. et sa version stable est prévue pour l'une des prochaines versions, avec un déploiement progressif qui pourrait être achevé vers la mi-avril, sous réserve de modifications.
En s'intégrant directement au code Chromium, l'amélioration Cela ne se limitera pas à Google Chrome.Les navigateurs qui partagent la même base, tels que Microsoft Edge, Brave, Opera ou VivaldiIls pourront également bénéficier de cette optimisation lors de la mise à niveau vers des versions incluant le nouveau comportement de chargement différé pour les médias.
Il convient de noter que Tous les contenus multimédias ne seront pas affectés de la même manière.Les vidéos YouTube classiques intégrées via une iframe bénéficient depuis longtemps du chargement différé natif des iframes dans les navigateurs basés sur Chromium ; dans ces cas-là, le changement sera donc moins perceptible. L’impact sera plus important sur les sites web qui utilisent directement des balises. y Adapté à la reproduction de contenu.
Google souligne également que Le chargement différé natif pour la vidéo et l'audio prendra en compte d'autres attributs tels que : autoplay y pré-chargeEn d'autres termes, le navigateur tentera de trouver un équilibre entre la préservation des ressources et le comportement attendu par le développeur pour chaque lecteur, minimisant ainsi les surprises dans l'expérience utilisateur.
Un autre point clé est que le système empêchera le blocage de l'événement fenêtre.onload avec des ressources multimédias situées hors de la zone visibleSur les sites comportant de nombreux clips vidéo, lecteurs intégrés ou pistes audio, cela peut faire une différence dans la sensation de rapidité lors du chargement de la page.
Impact sur la vitesse de chargement, les données mobiles et la RAM
L'effet pratique de cette amélioration est surtout perceptible dans pages contenant de nombreux éléments multimédias répartis dans le contenuAu lieu de tenter de télécharger tous ces fichiers d'un coup dès votre arrivée, le navigateur peut se concentrer sur le texte, les images initiales et les ressources essentielles, laissant le reste pour plus tard.
Cela se traduit par Temps de chargement initial plus courts, consommation de bande passante réduite et moindre sollicitation de la RAMCela est particulièrement pertinent pour les téléphones mobiles aux ressources limitées ou dont les forfaits de données comportent des quotas mensuels. Nombre d'utilisateurs en Espagne et dans le reste de l'Europe naviguent encore sur Internet avec un budget serré ou dans des zones où la couverture réseau est aléatoire ; éviter un téléchargement inutile est donc un soulagement.
En termes d'expérience, l'utilisateur perçoit que La page répond plus rapidement et vous pouvez commencer à lire sans que le navigateur ne se bloque pendant le chargement des vidéos en arrière-plan.Même si vous ne voyez aucun changement visible dans l'interface ou ne recevez aucune notification concernant la nouvelle fonctionnalité, vous remarquerez que certains sites web lourds semblent un peu plus réactifs.
Google souligne également que L'implémentation native permet un chargement optimisé en fonction de l'état du réseauLe moteur du navigateur peut définir différents seuils selon la vitesse de la connexion ou le nombre de requêtes simultanées. Il est difficile de reproduire ce comportement avec des scripts externes, qui n'ont pas le même accès aux informations internes du processus de chargement.
En réduisant le nombre de téléchargements d'éléments que l'utilisateur ne verra peut-être jamais, on obtient un avantage supplémentaire. Utilisation plus efficace du cache et du pipeline de renduÀ long terme, ce sont des détails qui contribuent à une navigation plus fluide, même si l'amélioration n'est pas flagrante d'une page à l'autre.
Quelles sont les conséquences pour les développeurs web et l'écosystème Chromium ?
Du point de vue des concepteurs de sites web, l'arrivée de cette nouvelle fonctionnalité implique un simplification significative de la gestion des ressources multimédiasJusqu'à présent, ceux qui souhaitaient contrôler précisément le chargement d'une vidéo ou d'un fichier audio devaient recourir presque exclusivement à JavaScript, avec une logique supplémentaire pour détecter la position sur l'écran.
Avec la nouvelle API, L'ajout de l'attribut suffira. chargement="paresseux" sur les étiquettes y Comme il le fait déjà pour les images, le navigateur se chargera du reste automatiquement, en appliquant ses propres algorithmes pour déterminer le moment opportun pour lancer le téléchargement, sans perturber l'expérience utilisateur.
Cela présente plusieurs avantages : cela réduit la quantité de code personnalisé, Les erreurs potentielles dans la logique de chargement sont minimisées. Les dépendances à des bibliothèques externes servant uniquement à gérer le comportement du lecteur sont ainsi évitées. De plus, le navigateur peut mieux coordonner cette charge avec son système. pré-charge et avec l'analyseur de ressources qui s'exécute avant le rendu de la page.
La proposition d'intégrer le chargement différé natif pour la vidéo et l'audio a été motivée par contributeurs actifs au projet Chromiumqui travaillent depuis un certain temps sur des optimisations de performances de ce type. La spécification est en cours d'affinage au sein des groupes de travail habituels et, bien qu'elle puisse encore être peaufinée, Google la présente déjà comme une version préliminaire. une extension logique des API de chargement différé que les développeurs connaissent depuis des années.
Comme pour presque tout ce qui est intégré au moteur Chromium, le changement à terme, cela profitera à un large éventail de navigateurs.Et pas seulement sur Chrome. Dans le contexte européen, où de plus en plus d'utilisateurs alternent entre des navigateurs comme Edge, Brave, Opera ou Vivaldi, ces améliorations partagées renforcent l'impression qu'une grande partie du web évolue au même rythme technique.
Al final, se trata de une de ces mises à jour silencieuses qui ne modifient pas l'apparence du navigateurCes améliorations peuvent vous faire gagner de précieuses secondes (ou du moins fluidifier votre navigation) au quotidien, notamment sur les sites regorgeant de contenu multimédia. Dans un contexte où de nombreuses pages rivalisent pour capter l'attention de l'utilisateur, toute avancée qui rend l'expérience plus rapide et plus agréable est un atout indéniable.
Avec l'arrivée du chargement différé natif pour les vidéos et l'audio dans Chrome 148, le navigateur renforce son rôle de référence en matière de performances au sein de l'écosystème web : la vitesse d'ouverture des pages est améliorée, l'utilisation des données et de la mémoire est réduite et le travail des développeurs est simplifié, tandis que le reste des navigateurs basés sur Chromium en Espagne et en Europe se préparent à hériter d'une optimisation qui, sans faire les gros titres, peut rendre la navigation quotidienne un peu plus supportable.