- Joined
- Mar 29, 2018
- Messages
- 2
Specs:
Firefox 68.01 and 69beta on Manjaro Linux
Extensions Disabled
Tested with WebRender Enabled/Disabled
Tested with JavaScript Enabled/Disabled
I noticed upon opening the reader page for manga, my CPU usage would spike up to 200% and maintain a 100%+ utilization while the reader was open. Upon doing some performance profiling it appears the issue is derived from the loading icon element ".reader-load-icon". Deleting the element seemed to alleviate this issue.
One of minor causes seems to be Firefox contantly "detecting" CSS changes/activity from this icon even though loading is complete (althought it is probably because the icon is spinning hidden in the background) and performing CSS/DOM recalculation + rendering non-stop. Its recalculating CSS so often that it doesn't even appear as individual events but a continuous bar in the Firefox performance tool. Modifying ".reader-load-icon" opacity rule to "1" in "reader.css" seems to eliminate the css recalculation activity but only makes a small dent in CPU utilization. Only deleting the ".reader-load-icon" will completely solve this issue.
Cause does not appear to be JavaScript either as the problem persists with JavaScript disabled. Interestingly, disabling JavaScript results in a page showing the spinning loading icon.
I'm not sure whether this is a website issue, Firefox engine issue, or simply a hardware compatibility issue. I'm still currently trying to find the actual source of this issue but I hope that some forum members may provide some insight into this problem. I'm currently using a stopgap solution by automatically deleting the loading icon element on page load.
There's no issues with Chromium 75 or 76 interestingly enough and no issues with Firefox on Windows
TLDR: Firefox on Linux doesn't not like Mangadex's spinning loading icon
UPDATE:
Seems like "position: fixed" on the loading icon that seems to be making Firefox very unhappy. Disabling it solved the issue. Firefox must have thought it was visible (when it wasn't) and was rendering it in the background. With that said and fixed, even the brief appearance of the loading icon when changing pages is using a lot of CPU even only for a moment 🤭.
Firefox 68.01 and 69beta on Manjaro Linux
Extensions Disabled
Tested with WebRender Enabled/Disabled
Tested with JavaScript Enabled/Disabled
I noticed upon opening the reader page for manga, my CPU usage would spike up to 200% and maintain a 100%+ utilization while the reader was open. Upon doing some performance profiling it appears the issue is derived from the loading icon element ".reader-load-icon". Deleting the element seemed to alleviate this issue.
One of minor causes seems to be Firefox contantly "detecting" CSS changes/activity from this icon even though loading is complete (althought it is probably because the icon is spinning hidden in the background) and performing CSS/DOM recalculation + rendering non-stop. Its recalculating CSS so often that it doesn't even appear as individual events but a continuous bar in the Firefox performance tool. Modifying ".reader-load-icon" opacity rule to "1" in "reader.css" seems to eliminate the css recalculation activity but only makes a small dent in CPU utilization. Only deleting the ".reader-load-icon" will completely solve this issue.
Cause does not appear to be JavaScript either as the problem persists with JavaScript disabled. Interestingly, disabling JavaScript results in a page showing the spinning loading icon.
I'm not sure whether this is a website issue, Firefox engine issue, or simply a hardware compatibility issue. I'm still currently trying to find the actual source of this issue but I hope that some forum members may provide some insight into this problem. I'm currently using a stopgap solution by automatically deleting the loading icon element on page load.
There's no issues with Chromium 75 or 76 interestingly enough and no issues with Firefox on Windows
TLDR: Firefox on Linux doesn't not like Mangadex's spinning loading icon
UPDATE:
Seems like "position: fixed" on the loading icon that seems to be making Firefox very unhappy. Disabling it solved the issue. Firefox must have thought it was visible (when it wasn't) and was rendering it in the background. With that said and fixed, even the brief appearance of the loading icon when changing pages is using a lot of CPU even only for a moment 🤭.