1521265 - Slow Frames detected on Slurpee Canada home page (canvas perf)

Status: NEW

(Core :: Graphics: WebRender, defect, P5)

Description

[Asif Youssuff]

Seeing the red animation after enabling gfx.webrender.debug.slow-frame-indicator on https://www.slurpee.ca/

Profile: https://perfht.ml/2W09i1c

Slow Frame #01 Frame 46(https://www.slurpee.ca/) CONTENT_FRAME_TIME 12077 - Transaction start 1996.457266, main-thread time 1.635528, full paint time 2.498516, Skipped composites 0, Composite start 1999.142020, Resource upload time 8.239142, GPU cache upload time 0.223264, Render time 10.649555, Composite time 11.315990
Slow Frame #02 Frame 44(https://www.slurpee.ca/) CONTENT_FRAME_TIME 9826 - Transaction start 67.375091, main-thread time 1.183241, full paint time 1543.529401, Skipped composites 0, Composite start 1619.898488, Resource upload time 11.567842, GPU cache upload time 0.901732, Render time 14.932425, Composite time 17.540871
Slow Frame #03 Frame 45(https://www.slurpee.ca/) CONTENT_FRAME_TIME 9433 - Transaction start 42.183294, main-thread time 1.473601, full paint time 1494.275544, Skipped composites 0, Composite start 1545.425802, Resource upload time 11.567842, GPU cache upload time 0.901732, Render time 14.932425, Composite time 17.540871
Slow Frame #04 Frame 13(moz-extension://60e36b51-77b8-4e3a-a51a-2efb31753000/popup.html) CONTENT_FRAME_TIME 8075 - Transaction start 0.032855, main-thread time 0.372193, full paint time 1328.303744, Skipped composites 0, Composite start 1343.272899, Resource upload time 0.000600, GPU cache upload time 0.733811, Render time 1.748095, Composite time 2.459998
Slow Frame #05 Frame 450(https://www.slurpee.ca/) CONTENT_FRAME_TIME 1210 - Transaction start 122.691136, main-thread time 10.690084, full paint time 28.193616, Skipped composites 0, Composite start 153.707930, Resource upload time 16.230203, GPU cache upload time 0.729186, Render time 32.387713, Composite time 34.651394
Slow Frame #06 Frame 94(https://www.slurpee.ca/) CONTENT_FRAME_TIME 1091 - Transaction start 113.362927, main-thread time 1.971906, full paint time 3.736587, Skipped composites 0, Composite start 132.853373, Resource upload time 18.796034, GPU cache upload time 0.112644, Render time 20.592386, Composite time 29.719802
Slow Frame #07 Frame 93(https://www.slurpee.ca/) CONTENT_FRAME_TIME 1050 - Transaction start 103.642794, main-thread time 2.866145, full paint time 6.477511, Skipped composites 0, Composite start 117.680464, Resource upload time 27.386781, GPU cache upload time 0.387166, Render time 38.324812, Composite time 54.153937
Slow Frame #08 Frame 452(https://www.slurpee.ca/) CONTENT_FRAME_TIME 1044 - Transaction start 132.895386, main-thread time 1.419690, full paint time 2.243197, Skipped composites 0, Composite start 141.803578, Resource upload time 21.417716, GPU cache upload time 0.100505, Render time 26.115500, Composite time 26.876283
Slow Frame #09 Frame 29(https://www.slurpee.ca/) CONTENT_FRAME_TIME 978 - Transaction start 101.618812, main-thread time 1.463513, full paint time 2.130206, Skipped composites 0, Composite start 134.882315, Resource upload time 17.695095, GPU cache upload time 0.058779, Render time 20.129321, Composite time 21.216161
Slow Frame #10 Frame 449(https://www.slurpee.ca/) CONTENT_FRAME_TIME 942 - Transaction start 115.788931, main-thread time 1.378884, full paint time 2.065604, Skipped composites 0, Composite start 126.263656, Resource upload time 23.047345, GPU cache upload time 0.077570, Render time 25.546088, Composite time 26.257083

Comment 1

[Jeff Muizelaar [:jrmuizel]]

Performance is pretty bad for me too.

Comment 2

[Jeff Muizelaar [:jrmuizel]]

This is bad with and without webrender.

Comment 3

[Matt Woodrow (:mattwoodrow)]

Windows profile - http://bit.ly/2HxeuGE

It looks like the slowness is almost entirely due to <canvas>. The main thread is spending a lot of time there, and the compositor thread spends time blocking on the GPU waiting for canvas drawing to complete.