Firefox : le lazy loading pour les images arrive

Le par  |  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.

Complément d'information

Vos commentaires

Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
Le #2091928
message d'erreur en arrivant sur le site:'loading' in HTMLImageElement.prototype === false
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).
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.
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 .
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.
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 ???
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.
Suivre les commentaires
Poster un commentaire
Anonyme
Anonyme