Si vous avez déjà ouvert une page Web et vous êtes demandé pourquoi la stabilisation prend une seconde de trop, en particulier lorsqu'elle est remplie de vidéos et de médias, ce changement à venir pourrait enfin résoudre ce problème. Depuis des années, les navigateurs basés sur Chromium, notamment Microsoft Edge et Vivaldi, prennent en charge le chargement différé. Mais uniquement pour les images et les iframes. Ce n'est pas tout à fait la même chose pour la vidéo et l'audio. Mais cela est sur le point de changer. Grâce à une proposition du développeur indépendant Helmut Januschka, les navigateurs basés sur Chromium se préparent également à prendre en charge le chargement paresseux natif pour les éléments vidéo et audio. Et même si cela ressemble à une note technique, cela pourrait rendre la navigation beaucoup plus fluide.
Que fait réellement le chargement paresseux (et pourquoi c'est important)
Normalement, lorsque vous ouvrez une page Web, votre navigateur passe à la vitesse supérieure en essayant de tout charger en même temps : images, vidéos, audio, publicités, tout le buffet. Sans surprise, ce n’est pas idéal pour la vitesse. Le chargement paresseux adopte une approche plus intelligente. Au lieu de tout récupérer à l'avance, le navigateur attend et charge le contenu uniquement lorsque vous êtes sur le point de le voir. Ainsi, si une vidéo ou une image se trouve plus bas sur la page, elle ne se chargera pas tant que vous ne la ferez pas défiler, et si vous n'y arrivez jamais, elle risque de ne pas se charger du tout. Le résultat est un chargement de page plus rapide, une consommation de données réduite et une expérience de navigation plus fluide.
C’est ici que cela devient intéressant. Les sites Web utilisent déjà le chargement différé pour les vidéos et l'audio, mais ils s'appuient principalement sur des solutions de contournement JavaScript pour l'implémenter. Il fait le travail, mais il est loin d'être élégant. Les développeurs utilisent généralement des outils tels que Intersection Observer pour détecter le moment où le média entre dans la fenêtre d'affichage, puis déclencher le chargement manuellement. Il est un peu maladroit, peut être sujet aux erreurs et ne fonctionne pas toujours bien avec les optimisations intégrées du navigateur. La proposition de Januschka vise à remédier à cette situation. Au lieu de tous ces scripts supplémentaires, les développeurs peuvent simplement ajouter l'attribut HTML natif loading="lazy" directement aux éléments vidéo et audio, ce qui rend l'ensemble du processus beaucoup plus rationalisé.
Pourquoi le support natif est un gros problème
Lorsque le navigateur prend en charge le chargement différé, il fait tout simplement un meilleur travail :
- Il peut chronométrer le chargement des médias en fonction des conditions de votre réseau.
- Il évite le décalage supplémentaire causé par l'exécution préalable de JavaScript.
- Il fonctionne de pair avec les scanners de préchargement et les optimisations intégrées.
- Il maintient le chargement global de la page en douceur au lieu de gêner.
En termes simples, c’est plus propre, plus rapide et plus efficace. Comme Januschka l'a souligné, cela aligne également la vidéo et l'audio sur le comportement actuel des images et des iframes, ce qui se traduit par une expérience plus cohérente et prévisible sur le Web. Cette fonctionnalité a progressé dans le pipeline de Chromium :
- Mis en œuvre pour la première fois en Janvier
- Atterri dans les builds par Février
- Entré dans la phase d'expédition en Mars
Désormais, un récent changement de code suggère qu'il peut être activé par défaut dans les versions stables. Si les choses continuent comme prévu, il pourrait être déployé avec Chrome 148.
