https://www.digibank.co.il/ causes high CPU and power consumption
Categories
(Core :: Graphics: WebRender, defect)
Tracking
()
People
(Reporter: amir72, Unassigned, NeedInfo)
References
(Blocks 4 open bugs)
Details
(Keywords: power)
Attachments
(7 files)
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:86.0) Gecko/20100101 Firefox/86.0
Steps to reproduce:
Go to https://www.digibank.co.il/
Latest FF on latest Windows 10 Pro (x64, 20H2, for Workstations)
Actual results:
CPU usage was almost 100% and power consumption very high - continuously.
Expected results:
Normal CPU and power. Loading the page in Edge resulted in normal CPU and power behaviour.
Updated•4 years ago
|
Comment 1•4 years ago
|
||
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:88.0) Gecko/20100101 Firefox/88.0 ID:20210312033752
I can see the same and here a profile: https://share.firefox.dev/3ctRrsH
There is an animation on that page that is the underlying reason of the high CPU load. High CPU load can only be seen on the main process, and hereby around 20 - 30% on the different rendering threads. There is also a Rayon thread that is kinda busy with WebRender related activity.
Moving to WebRender for now given that it contributes most of the load.
Markus, mind having a look?
Comment 2•4 years ago
|
||
The problem is actually an animated SVG. It's hard for me to extract an actual working minimized HTML given that after saving the complete web page, the animation does not run. Safari btw. also has a high CPU load but it doesn't exceed 60%, means it's 40% lower.
Should it be moved to the SVG component or kept under graphics?
Updated•4 years ago
|
Updated•3 years ago
|
Comment 4•2 years ago
|
||
Comment 5•2 years ago
|
||
Comment 6•2 years ago
|
||
Comment 7•2 years ago
|
||
Comment 8•2 years ago
|
||
Comment 9•2 years ago
|
||
Comment 10•2 years ago
|
||
Comment 11•2 years ago
|
||
(In reply to Henrik Skupin (:whimboo) [⌚️UTC+2] from comment #2)
The problem is actually an animated SVG. It's hard for me to extract an actual working minimized HTML given that after saving the complete web page, the animation does not run.
Hi Henrik! That's because the animations on this page are script-driven, using a library & format called Lottie. With enough patience, you can extract them from the page, which should help make profiling a bit easier.
Player links:
01 Hero Main Circles
02 Hero Lines & Gradients
03 Hero Changes to white
04 First Black Section
05 Second Black Section - Auto Crop PreComp
06 Third Black Section
Updated•2 years ago
|
Description
•