Closed
Bug 1281798
Opened 8 years ago
Closed 6 years ago
Performance of multiple layers being moved using CSS left property is very poor
Categories
(Core :: Graphics, defect, P3)
Core
Graphics
Tracking
()
RESOLVED
DUPLICATE
of bug 1493420
| Tracking | Status | |
|---|---|---|
| firefox50 | --- | affected |
People
(Reporter: sole, Unassigned)
References
()
Details
(Keywords: DevAdvocacy, perf, Whiteboard: [gfx-noted])
The example at http://tweenjs.github.io/tween.js/examples/01_bars.html renders 1000 divs and animates them by changing the CSS `left` property.
It is really painfully slow in Firefox, getting about 11 FPS in the best case.
While arguably this is not a 'good practice', the same code in Chrome or Safari works smoothly (Safari almost reaching a consistent 60fps).
|
||
Updated•8 years ago
|
Whiteboard: [gfx-noted]
|
||
Updated•7 years ago
|
Priority: -- → P3
|
||
Comment 1•6 years ago
|
||
Most of this is in "Style" : https://perfht.ml/2PCClUb
Emilio, WDYT?
Flags: needinfo?(emilio)
|
||
Comment 2•6 years ago
|
||
I think that lots of time in insert_rule -> bug 1493420. I should really either convince bobby that the patch is worth landing as-is, or write the really complex thing he wants me to write :P
Status: NEW → RESOLVED
Closed: 6 years ago
Flags: needinfo?(emilio)
Resolution: --- → DUPLICATE
|
|
||
Comment 3•6 years ago
|
||
to be fair, most of the dupes are "extreme benchmarks"
You need to log in
before you can comment on or make changes to this bug.
Description
•