1578884 - Opening menu is slow on salsitasoft.com on Firefox for Andoid, MacOS

Status: RESOLVED FIXED

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

Description

[Ksenia Berezina [:ksenia]]

As reported here https://github.com/webcompat/web-bugs/issues/38853

On Firefox for Android go to https://www.salsitasoft.com/contact and press on a hamburger menu.

Expected
Main menu opens up fast

Actual
A transition from hamburger to cross icon is taking a long time. The menu opens up slow

The site is using GSAP library for animations.

In this file https://www.salsitasoft.com/_nuxt/fb0bc1a49e62f8aae4c9.js menuEnterAnimation and hamburgerAnimation are the ones that being used for the transitions.

Link to a profile

Comment 1

[Andrew Creskey [:acreskey]]

These animations are slow even on desktop (Nighly 71) on a 2017 MacBook Pro.
Note that it is quite responsive on both Safari and Chrome on the same hardware.

Thank you for the profile -- I see the bulk of the work in mozilla::gfx::DrawTargetTiled::DrawFilter

Comment 2

[Andrew Creskey [:acreskey]]

(edited title as it affects other platforms)
Surprisingly, these animations were quite responsive on the 2017 Windows 10 Reference Laptop -- DirectX vs OpenGL?

Comment 3

[Markus Stange [:mstange]]

There's a color matrix SVG filter here that's getting software-rendering even with WebRender.

Comment 4

[Jeff Muizelaar [:jrmuizel]]

(In reply to Markus Stange [:mstange] from comment #3)

There's a color matrix SVG filter here that's getting software-rendering even with WebRender.

Do you know why?

Comment 5

[Markus Stange [:mstange]]

Just checked again, I can no longer reproduce software filter rendering on this page. Maybe I was accidentally testing with WR disabled.