Google Chrome et les navigateurs Web basés sur Chromium bénéficient d'une nouvelle fonctionnalité améliorant les performances 'iframe Lazy Loading'

Android / Google Chrome et les navigateurs Web basés sur Chromium bénéficient d'une nouvelle fonctionnalité améliorant les performances 'iframe Lazy Loading' 3 minutes de lecture Invites de notification Chrome Canary

Google Chrome



Google Chrome et tous les navigateurs Web qui reposent sur la base Chromium, tels que le nouveau Edge, Opera, Vivaldi, Brave, etc. de Microsoft, prendront désormais en charge une nouvelle fonctionnalité qui aidera à améliorer les performances globales. Ces navigateurs peuvent désormais prendre en charge le «chargement différé du contenu iframe». La nouvelle fonctionnalité devrait aider à équilibrer et à améliorer les performances de ces navigateurs Web en organisant et en planifiant intelligemment le chargement du contenu Web.

Google a amélioré la base Chromium qui alimente certains des navigateurs Web les plus populaires. Le noyau prend désormais en charge le «chargement différé iframe». Cette fonctionnalité est importante pour charger de grandes pages Web avec une quantité massive de contenu. Le chargement différé empêche le chargement simultané du contenu, ce qui alourdit le navigateur. De plus, le chargement simultané peut avoir un impact négatif sur les performances des navigateurs Web et éventuellement du PC.



Fonctionnalité 'iframe Lazy Loading' de Chromium pour assurer le bon fonctionnement des pages Web dans les navigateurs:

Google a confirmé que Chromium, qui alimente non seulement son propre navigateur Web Google Chrome, mais également plusieurs autres navigateurs, prend désormais en charge le chargement paresseux du contenu iframe. La nouvelle fonctionnalité intervient juste après que Google a récemment introduit la prise en charge du chargement paresseux d'images dans Chromium et Chrome. En termes simples, désormais, non seulement les images et le contenu multimédia se chargent de manière sélective, mais également le contenu principal qui est généralement organisé dans des iframes.



D'un point de vue technique, le chargement différé empêche le navigateur de charger certains contenus jusqu'à ce qu'il soit accédé par l'utilisateur ou qu'il soit dans la plage de défilement. Lorsqu'une page est chargée pour la première fois, le contenu qui n'est pas visible, sous le pli, peut être «chargé paresseusement». Lorsqu'un utilisateur fait défiler vers le bas, le contenu est chargé pendant l'action de défilement.



La fonction de «chargement différé des iframes» dans les navigateurs Web basés sur Chromium suit la même technique. Cependant, il est important que les webmasters ou les concepteurs de sites Web utilisent l'attribut loading = 'lazy' pour les iframes dans le code du site. Cet attribut informe le navigateur que le contenu ne doit pas être chargé tout de suite et peut être chargé selon le modèle de défilement.



Inutile d'ajouter, jusqu'à récemment, les navigateurs qui ne prenaient pas en charge le «chargement paresseux» ignoraient complètement l'attribut et chargeaient autant de contenu que possible ou accessible. Cela met une certaine pression sur le navigateur Web et éventuellement sur le PC ou l'appareil compatible Internet, qu'il s'agisse d'un smartphone, d'une tablette, etc. Alors que les appareils dotés d'une grande quantité de RAM et d'un processeur puissant n'auraient pas beaucoup d'effet du chargement du navigateur beaucoup de contenu simultanément, les appareils avec une RAM limitée ou faible et un processeur léger auraient pu être affectés négativement.

D'un autre côté, les navigateurs qui prennent en charge le «chargement différé» gèrent le chargement en conséquence. Incidemment, Mozilla Firefox avait la capacité de prendre en charge cette fonctionnalité depuis la sortie de sa version 75. Firefox est actuellement sur la version v78 (stable).

Quel est l'impact positif du chargement différé sur les navigateurs Web?

Google a effectué quelques tests pour juger de l'impact du chargement différé des iframes sur les navigateurs Web. Voici les observations:

  • Le chargement paresseux des intégrations YouTube permettrait d'économiser environ 500 kilo-octets lors du chargement initial de la page.
  • Sur Chrome.com, Google a réussi à réduire le temps de chargement de 10 secondes sur les appareils mobiles en ajoutant l'attribut paresseux aux intégrations YouTube sur la page.
  • Le chargement paresseux des intégrations Instagram économise environ 100 kilo-octets lors du chargement initial.
  • Lazy loading Spotify embarque économise 514 kilo-octets lors du chargement initial.

https://twitter.com/PickJBennett/status/1116776399988121600

Bien que les résultats puissent varier, le chargement paresseux des iframes hors écran conduit généralement à une économie de données médiane de 2 à 3%, de 1 à 2% de première peinture pleine de contenu et de 2% de retard d'entrée. Google a également noté qu'il est possible d'utiliser le chargement des attributs pour les publicités sur les sites Web . En termes simples, Google a peut-être indiqué comment il pourrait utiliser la fonctionnalité pour charger sélectivement les publicités .

Mots clés Chrome Google