Firefox : le lazy loading pour les images arrive

Le par Jérôme G.  |  7 commentaire(s) | Source : Techdows
firefox-nightly

Pour les images et les iframes, le support du lazy loading dans Firefox est activé dans Firefox Nightly. Prochainement dans une version stable.

Le support du lazy loading pour les images et iframes a fait son apparition dans Google Chrome depuis l'année dernière. Il a été repéré dans Firefox 75 Nigthly (flag dom.image-lazy-loading.enabled à true) et devrait donc prochainement concerner une version stable du navigateur de Mozilla.

Le lazy loading est une technique permettant de différer le chargement des ressources non critiques au moment du chargement de la page. Elles sont ainsi chargées au moment où l'utilisateur en a besoin pour une consultation.

Avec l'attribut idoine, des images et iframes seront ainsi chargés sur la page lors du défilement (scrolling) par l'utilisateur au moment où il s'en approche. Cela permet de réduire l'utilisation de données et de la mémoire, tout en accélérant le chargement des contenus au-dessus.

Auparavant, les sites web pouvaient déployer le lazy loading par le biais de JavaScript. Cela peut désormais se faire en s'appuyant directement sur le support du navigateur.

firefox-nightly-lazy-loading-demo
Un site faisant office de démo permet de voir le lazy loading en action avec l'affichage d'images de chats pendant le scrolling.


  • Partager ce contenu :
Complément d'information

Vos commentaires

Trier par : date / pertinence
jacob13 Hors ligne VIP icone 5752 points
Le #2091928
message d'erreur en arrivant sur le site:'loading' in HTMLImageElement.prototype === false
Subutox Hors ligne VIP icone 7016 points
Le #2091929
Citation de fin d'article : "Auparavant, les sites web pouvaient déployer le lazy loading par le biais de JavaScript. Cela peut désormais se faire en s'appuyant directement sur le support du navigateur".

Ce qui voudrait dire que certains (beaucoup ?) sites qui sont impraticables si JavaScript est désactivé deviendraient praticables ?
Si oui c'est bon ça (le "fingerprinting" est annihilé si JavaScript désactivé, c'est un fait, donc tant mieux si des sites se mettent à fonctionner correctement (en terme d'affichage) sans avoir à activer JavaScript).
kerlutinoec Hors ligne VIP icone 13204 points
Le #2091932
Subutox a écrit :

Citation de fin d'article : "Auparavant, les sites web pouvaient déployer le lazy loading par le biais de JavaScript. Cela peut désormais se faire en s'appuyant directement sur le support du navigateur".

Ce qui voudrait dire que certains (beaucoup ?) sites qui sont impraticables si JavaScript est désactivé deviendraient praticables ?
Si oui c'est bon ça (le "fingerpeinting" est annihilé si JavaScript désactivé, c'est un fait, donc tant mieux si des sites se mettent à fonctionner correctement (en terme d'affichage) sans avoir à activer JavaScript).


Faut que le site change son code.
Subutox Hors ligne VIP icone 7016 points
Le #2091933
kerlutinoec a écrit :

Subutox a écrit :

Citation de fin d'article : "Auparavant, les sites web pouvaient déployer le lazy loading par le biais de JavaScript. Cela peut désormais se faire en s'appuyant directement sur le support du navigateur".

Ce qui voudrait dire que certains (beaucoup ?) sites qui sont impraticables si JavaScript est désactivé deviendraient praticables ?
Si oui c'est bon ça (le "fingerpeinting" est annihilé si JavaScript désactivé, c'est un fait, donc tant mieux si des sites se mettent à fonctionner correctement (en terme d'affichage) sans avoir à activer JavaScript).


Faut que le site change son code.


Y'a de l'espoir alors .
LinuxUser Hors ligne VIP icone 14744 points
Le #2091949
jacob13 a écrit :

message d'erreur en arrivant sur le site:'loading' in HTMLImageElement.prototype === false


Ce qui est normal si tu n'a pas la version nightly à même d’interpréter ce nouvel élément.
CodeKiller Hors ligne VIP avatar 8141 points
Le #2091960
jacob13 a écrit :

message d'erreur en arrivant sur le site:'loading' in HTMLImageElement.prototype === false


J'ai une version chrome non à jour... Et la balise est supposé être fonctionnelle (c'est en vert) ???

Je pense que c'est de la merde ce truc, ça ne fait strictement rien...
Avec Opera GX ou Chrome 80 TOUTES les images se chargent en instantané dès que la page est affichée, j'ai même pas le temps de faire un scroll en bas pour voir si ça change quelque chose...

Bref, faire une démo sur un site où les images pèse 18 ko mais bordel quel est l'intérêt ??? Surfer en 56 k ???
LinuxUser Hors ligne VIP icone 14744 points
Le #2092046
CodeKiller a écrit :

jacob13 a écrit :

message d'erreur en arrivant sur le site:'loading' in HTMLImageElement.prototype === false


J'ai une version chrome non à jour... Et la balise est supposé être fonctionnelle (c'est en vert) ???

Je pense que c'est de la merde ce truc, ça ne fait strictement rien...
Avec Opera GX ou Chrome 80 TOUTES les images se chargent en instantané dès que la page est affichée, j'ai même pas le temps de faire un scroll en bas pour voir si ça change quelque chose...

Bref, faire une démo sur un site où les images pèse 18 ko mais bordel quel est l'intérêt ??? Surfer en 56 k ???


Faut ouvrir le mode développeur et regarder les requêtes qui partent au fur et a mesure du scroll.
Les images se chargent avant qu'elles soient soit visibles, c'est normal.
Pour une démo sur les images qui changent de résolution au fur et a mesure du temps (dsl je me rapelle plus du terme exact), la oui une grosse image aurait été pertinente.
icone Suivre les commentaires
Poster un commentaire