Astuce img loading="lazy" supporté par Firefox !

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par rick38, 16 Avril 2020.

  1. rick38
    rick38 WRInaute passionné
    Inscrit:
    23 Février 2013
    Messages:
    1 533
    J'aime reçus:
    205
    Pour tous ceux qui se prenaient la tête avec le chargement lazy des images avec des scripts javascript, la dernière version du 8 avril de Firefox le prend en charge nativement ! <img loading="lazy"...

    Et pour Chrome ce sera le 19 mai !
     
  2. colonies
    colonies WRInaute impliqué
    Inscrit:
    10 Septembre 2006
    Messages:
    561
    J'aime reçus:
    69
    C'est déjà actif dans Chrome depuis la version 76.
    L'implémentation de Firefox a un bug si les images ont un srcset, si loading est placé avant (ou l'inverse, je ne sais plus).

    Mais surtout : l'implémentation de Firefox est nulle. C'est le truc le plus basique qu'on puisse imaginer : le chargement démarre quand l'image arrive dans le viewport, donc toujours trop tard. Il ont réussi à ruiner une idée vraiment excellente telle qu'implémentée par Google, qui est complètement invisible pour l'utilisateur (mais qui charge bien plus en avance, évidemment).

    Enfin ils ont surtout réussi à ruiner leur expérience utilisateur, en fait. Le problème, c'est que les utilisateurs vont peut-être croire que les sites buguent avec Firefox.
    I's not a bug, it's a feature.

    Franchement, si Firefox avait une grosse base d'utilisateurs, je virerais mes attributs loading=lazy tant je trouve leur implémentation mauvaise.
     
  3. anemone-clown
    anemone-clown WRInaute passionné
    Inscrit:
    11 Novembre 2007
    Messages:
    1 601
    J'aime reçus:
    21
    Ca peut être intéressant pour les sites qui n'auraient pas encore implémentés de LazyLoading.

    Je ne me suis pas encore penché sur la question, mais il pourrait utile de savoir tester si le navigateur accepte loading="lazy" ou non pour une alternative JavaScript. Il ne serait pas trop difficile pour les programmeurs d'activer (le charger) le script au cas où le navigateur n'est pas compatible. @spout
     
  4. anemone-clown
    anemone-clown WRInaute passionné
    Inscrit:
    11 Novembre 2007
    Messages:
    1 601
    J'aime reçus:
    21
    @spout : merci! Exactement ce que je cherchais, il ne reste plus qu'à l'adapter pour le data-scrset et quelques bricoles (personnelles sur aquaportail.com). Bon, maintenant, tant que le "loading" n'est pas pris en compte sur Mobile mais quasiment uniquement sur Desktop (cf. https://caniuse.com/#feat=loading-lazy-attr ), l'intérêt retombe beaucoup...
     
  5. colonies
    colonies WRInaute impliqué
    Inscrit:
    10 Septembre 2006
    Messages:
    561
    J'aime reçus:
    69
    Ça n’est pas le cas, cf... caniuse.
     
  6. anemone-clown
    anemone-clown WRInaute passionné
    Inscrit:
    11 Novembre 2007
    Messages:
    1 601
    J'aime reçus:
    21
    @spout : je me demande s'il ne serait pas possible d'étendre le class MobileDetect en PHP pour gérer le "lazy" directement en PHP au lieu de javascript... ce serait intéressant (avec les infos de CanIUse.com).
     
  7. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 078
    J'aime reçus:
    295
    Quel intérêt vu que le fallback est qd même en JS ?
     
  8. theunholy
    theunholy WRInaute occasionnel
    Inscrit:
    6 Août 2013
    Messages:
    361
    J'aime reçus:
    52
    Beaucoup, beaucoup, beaucoup trop en avance à mon avis.

    Ce serait bien que l'on puisse paramétrer cet aspect.
     
  9. indigene
    indigene WRInaute accro
    Inscrit:
    7 Septembre 2003
    Messages:
    4 162
    J'aime reçus:
    174
    ça se fait en quelques lignes en javascript. C'est très léger. On peut paramétrer l'avance du chargement. Même moi j'y suis arrivé
     
  10. theunholy
    theunholy WRInaute occasionnel
    Inscrit:
    6 Août 2013
    Messages:
    361
    J'aime reçus:
    52
    Oui mais un attribut html, c'est quand même mieux que du javascript. C'est frustrant que ça ne fonctionne pas tout à fait.
     
Chargement...
Similar Threads - loading=lazy supporté Firefox Forum Date
Site sur les stades et les supporters Demandes d'avis et de conseils sur vos sites 13 Septembre 2012
Google Analytics supporte le tracking par la méthode POST Google Analytics 5 Avril 2011
Google Docs supporte 12 nouveaux formats Google : l'entreprise, les sites web, les services 21 Février 2011
Charge supportée par un Dedibox Administration d'un site Web 20 Juillet 2010