Hi, I have a slow connection and for pages with lot of images it’s very convenient to open the page and wait for all the images to load before watching them.


I have dom.image-lazy-loading.enabled set to false but I have found webs where it doesn’t work, like with Behance galleries. I see the loading="lazy" attribute on the img tags, but they don’t load until I scroll down to them.

Does anyone know if I’m missing something or if there is any way to debug it further?


There are also pages (like this one) in where I don’t see the loading="lazy" attribute but I see a lazy-images.js file on the Debugger file list, data-lazy-src attributes in img elements and other img elements with loading="lazy" inside noscript tags. I understand that the dom.image-lazy-loading.enabled setting may not work with custom lazy loading implementations.

Does anyone know of any solution for these cases?


EDIT: I’ve also tried LazyLoadify add-on with no luck.


Thanks!

  • stifle867@programming.dev
    link
    fedilink
    arrow-up
    4
    ·
    1 year ago

    What you can do now is use either ublock or noscript to narrow down exactly which javascript files are doing the lazy loading and selectively blocking just those. That way you may be able to run the javascript required for the page to function and only disable the lazy loading.

    • Crul@lemm.eeOP
      link
      fedilink
      arrow-up
      2
      ·
      1 year ago

      It may be worth for the most visited pages (like Behance), but I was hoping to find a more general solution.

      Thanks