EDIT: Today I dug a bit more and found that dom.image-lazy-loading.enabled preference has been removed and saw this comment on a related thread:
FWIW, it should still be possible to effectively turn off lazy loading by setting dom.image-lazy-loading.root-margin.*
to a big number.
Which I tried (value 100000) and it works!
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!
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.
It may be worth for the most visited pages (like Behance), but I was hoping to find a more general solution.
Thanks