Why does Firefox lag when scrolling through certain websites?
I've tested my current profile with all my addons enabled, and compared it to a brand new addon-free profile. The clean profile showed no difference to my current profile; the lag happens on both the clean and current profile. Turning off Smooth Scrolling and Hardware Acceleration helps nothing. This same site, on Chromium and Opera both show zero lag, site functions perfectly. I use Linux as an OS, but when booting into Windows FF, the lag is also there. IE scrolls normally on this site too.
Here is one page where scroll lag happens. Lag happens throughout most of the Yahoo sites, if I'm not mistaken.
http://hockey.fantasysports.yahoo.com/hockey/1954/2
My hardware is not the issue as I have this: Intel Core i3 8GB RAM Samsung 840 SSD Nvidia 460GTX 768MB
Chosen solution
You can add this code to the userContent.css file.
The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.
@-moz-document domain(hockey.fantasysports.yahoo.com) { html, body { background-attachment: scroll !important; }
If you need it for other web pages than add the domains separated by commas.
@-moz-document domain(hockey.fantasysports.yahoo.com), domain(xxx.com) { background-attachment: scroll !important; }Read this answer in context 👍 1
All Replies (4)
You may have a problem with the fixed background image on the page.
You can try these in the command line in the Web Console (Firefox/Tools > Web Developer;Ctrl+Shift+K) to see if that has effect.
void(document.querySelector("html").style.backgroundAttachment='scroll');void(document.querySelector("body").style.backgroundAttachment='scroll');
Thank you for the quick reply...Firefox having issues with fixed background images does appear to be the problem. Scrolling no longer lags like it used to when entering the code you've provided into the Web Console. Is there a way to make this permanent on this particular site through a rule of sorts?
Chosen Solution
You can add this code to the userContent.css file.
The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.
@-moz-document domain(hockey.fantasysports.yahoo.com) { html, body { background-attachment: scroll !important; }
If you need it for other web pages than add the domains separated by commas.
@-moz-document domain(hockey.fantasysports.yahoo.com), domain(xxx.com) { background-attachment: scroll !important; }
Cool, thanks for the answers!