Firefox

17811 readers

12 users here now

A place to discuss the news and latest developments on the open-source browser Firefox

founded 4 years ago

MODERATORS

[email protected]

[SOLVED: set dom.image-lazy-loading.root-margin.* to a high value] Problems disabling lazy loading of images (lemm.ee)

submitted 1 year ago* (last edited 11 months ago) by [email protected] to c/[email protected]

5 comments fedilink hide all child comments

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!

top 5 comments

sorted by: hot top controversial new old

[–] [email protected] 7 points 1 year ago* (last edited 1 year ago)

Lazy loading of images through the mechanism controlled by that setting is relatively new, and many sites unfortunately still have javascript to do something similar in browsers that don't support it.

It'd be nice if Firefox could let us turn off the new feature in a way that's undetectable without specific measures to look for it, but it seems extremely unlikely that Mozilla will ever find that worth the effort of doing. In some cases you might be able to just block a single script with noscript or ublock, but all the implementations are different and there's no general solution unless maybe if you find or create an extension specific to that purpose.

[–] [email protected] 4 points 1 year ago (1 children)

Just a theory as I haven't looked into this yet. It could be that despite the loading="lazy" behaviour being disabled in the config, the website may be using some kind of polyfill to replicate the behaviour using javascript?

What happens if you disable javascript and test both pages? (javascript.enabled=false, ublock, noscript, etc)

[–] [email protected] 3 points 1 year ago (1 children)

the website may be using some kind of polyfill to replicate the behaviour using javascript?

Yeah, that's what I meant with "I understand that the dom.image-lazy-loading.enabled setting may not work with custom lazy loading implementations." and asked for different solutions.

What happens if you disable javascript and test both pages?

Good idea! It works with the 2nd one, but Behance doesn't even load without JS.

Thanks for the help!

[–] [email protected] 4 points 1 year ago (1 children)

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.

[–] [email protected] 2 points 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