Perspective performance issue with transform-style: preserve-3d




5 years ago
4 years ago


(Reporter: ecasequin, Unassigned)




Firefox Tracking Flags

(Not tracked)





5 years ago
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.57 Safari/537.36

Steps to reproduce:

Visit to see the demo that allows you to see the performance differences. Tested with Firefox(25) at the time and Chrome(31.0.1650.57) at the time. 

Compare the performance differences in both browsers and Firefox chokes quite a bit. 

In Chrome, it doesn't require that you use the transform-style: preserve-3d; to attain the effect. But FF does require it, and soon as you use it it then starts to choke. 

Original Twitter thread that spawned the bug request.

Actual results:

The results are visual, and hard to explain but in general Firefox just doesn't handle the animation well and a huge loss of FPS and CPU spiking happens. 

Expected results:

Would of hoped for smoother animations.


5 years ago
Component: Untriaged → Layout
Product: Firefox → Core
Summary: perspective performance issue → Perspective performance issue with transform-style: preserve-3d

Comment 1

5 years ago
If I understand you right, you have a bad performance when you use transform-style: preserve-3d;
On Linux, the demo works fine for me, but has a really bad performace if I remofe transform-style: preserve-3d;

Comment 2

5 years ago
Correct on the bad performance. At the time of test, I did test with OS X 10.8.5 with firefox 25. Also tested on Windows 7 pro machine( my gaming machine ). And performance was even worse with the windows machine. 

Both computers would run the same test with Chrome with very little slow down. 

I don't have an official linux box and haven't been able to try with that. Suppose its time to get one to make sure I have more testing units.


5 years ago
Ever confirmed: true
OS: Mac OS X → All
Hardware: x86 → All
Version: 25 Branch → Trunk
Keywords: perf
Priority: -- → P5
SPS profile:

against Mozilla/5.0 (Windows NT 6.1; WOW64; rv:33.0) Gecko/20100101 Firefox/33.0 ID:20140620234544 CSet: 2048ba3b8468
You need to log in before you can comment on or make changes to this bug.