1520401 - Poor performance on Letterboxd list pages

Status: RESOLVED FIXED

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

Description

[Asif Youssuff]

Seeing the red animation after enabling gfx.webrender.debug.slow-frame-indicator on https://letterboxd.com/mariamicia13/list/for-when-you-dont-have-too-much-time-but/

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

STR: Hover over cover images of movies. You can draw squares at moderate pace by hovering over the images to make the animation show consistently.

Slow Frame #01 Frame 14(moz-extension://c6fedb6b-757e-476e-a1d9-181e8c011831/popup.html) CONTENT_FRAME_TIME 6234 - Transaction start 0.028606, main-thread time 0.367861, full paint time 1022.440012, Skipped composites 0, Composite start 1034.886294, Resource upload time 0.001412, GPU cache upload time 0.749317, Render time 2.132030, Composite time 3.951447
Slow Frame #02 Frame 1(moz-extension://c6fedb6b-757e-476e-a1d9-181e8c011831/popup.html) CONTENT_FRAME_TIME 759 - Transaction start 0.022456, main-thread time 19.115302, full paint time 19.448036, Skipped composites 0, Composite start 110.764260, Resource upload time 0.000000, GPU cache upload time 0.000000, Render time 0.000000, Composite time 0.000000
Slow Frame #03 Frame 20(https://letterboxd.com/mariamicia13/list/for-when-you-dont-have-too-much-time-but/) CONTENT_FRAME_TIME 662 - Transaction start 0.965681, main-thread time 5.548471, full paint time 15.602222, Skipped composites 0, Composite start 27.424014, Resource upload time 0.001606, GPU cache upload time 0.272537, Render time 5.817674, Composite time 11.340923
Slow Frame #04 Frame 2(moz-extension://c6fedb6b-757e-476e-a1d9-181e8c011831/popup.html) CONTENT_FRAME_TIME 565 - Transaction start 0.023711, main-thread time 0.671278, full paint time 0.821114, Skipped composites 0, Composite start 91.341018, Resource upload time 0.000000, GPU cache upload time 0.000000, Render time 0.000000, Composite time 0.000000
Slow Frame #05 Frame 536(https://letterboxd.com/mariamicia13/list/for-when-you-dont-have-too-much-time-but/) CONTENT_FRAME_TIME 440 - Transaction start 12.078339, main-thread time 14.701374, full paint time 42.705318, Skipped composites 0, Composite start 55.523065, Resource upload time 0.000990, GPU cache upload time 0.282541, Render time 10.630873, Composite time 17.403674
Slow Frame #06 Frame 211(https://letterboxd.com/mariamicia13/list/for-when-you-dont-have-too-much-time-but/) CONTENT_FRAME_TIME 426 - Transaction start 24.261305, main-thread time 6.513855, full paint time 23.640808, Skipped composites 0, Composite start 62.849868, Resource upload time 0.000372, GPU cache upload time 0.071571, Render time 3.944817, Composite time 5.661187
Slow Frame #07 Frame 292(https://letterboxd.com/mariamicia13/list/for-when-you-dont-have-too-much-time-but/) CONTENT_FRAME_TIME 426 - Transaction start 14.415752, main-thread time 9.234676, full paint time 19.577231, Skipped composites 0, Composite start 48.229437, Resource upload time 0.000766, GPU cache upload time 0.236818, Render time 6.448725, Composite time 22.022801
Slow Frame #08 Frame 209(https://letterboxd.com/mariamicia13/list/for-when-you-dont-have-too-much-time-but/) CONTENT_FRAME_TIME 402 - Transaction start 10.744275, main-thread time 12.207015, full paint time 29.416782, Skipped composites 0, Composite start 47.440500, Resource upload time 0.001574, GPU cache upload time 0.501448, Render time 9.401668, Composite time 18.168465
Slow Frame #09 Frame 329(https://letterboxd.com/mariamicia13/list/for-when-you-dont-have-too-much-time-but/) CONTENT_FRAME_TIME 398 - Transaction start 13.003721, main-thread time 7.541918, full paint time 26.320641, Skipped composites 0, Composite start 39.891979, Resource upload time 0.001263, GPU cache upload time 0.384036, Render time 9.104182, Composite time 16.087567
Slow Frame #10 Frame 212(https://letterboxd.com/mariamicia13/list/for-when-you-dont-have-too-much-time-but/) CONTENT_FRAME_TIME 396 - Transaction start 16.468613, main-thread time 7.970260, full paint time 17.721474, Skipped composites 0, Composite start 48.701872, Resource upload time 0.002085, GPU cache upload time 0.352040, Render time 9.884598, Composite time 17.190739

Comment 1

[Nicolas Silva [:nical]]

A great test case for perf issues: slow frame building, way too many draw calls (700+), slow GPU times.

Comment 2

[Nicolas Silva [:nical]]

This page is scrolling pretty smoothly now.