1225169 - Animations on Slider Revolution website are more janky/stuttery than other browsers

Status: RESOLVED WORKSFORME

(Core :: Graphics, defect, P3)

Description

[Ryan VanderMeulen [:RyanVM]]

In bug 937590, both myself and Paul noted that the animations on http://revolution.themepunch.com/ are noticeably less smooth than other browsers, both on OSX and Windows. This bug tracks the general perf differences across browsers rather than intermingling it with another bug filed for a specific regression on one platform.

Comment 1

[Brian Birtles (:birtles)]

I finally had a look at this and while there are some declarative animations the jank appears to happen on the rAF animations. Profiling just that part shows we're spending most of the time painting (as opposed to layout). Moving to Graphics.

Comment 2

[Miko Mynttinen]

WR profile on MBP: https://perfht.ml/2IWtjBw

Besides frequent composites, nothing really stands out from the profile. On MBP the site renders at around 50 FPS, with occasional small jank.
It seems worth it to note that different animations on the site seem to have different performance characteristics, for example, one animation is doing a lot of canvas drawing.

Comment 3

[Ryan VanderMeulen [:RyanVM]]

Seems pretty smooth and comparable to Chrome these days.