Closed Bug 1578884 Opened 5 years ago Closed 3 years ago

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

Categories

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

68 Branch
Unspecified
All
defect

Tracking

()

RESOLVED FIXED
Performance Impact medium

People

(Reporter: ksenia, Unassigned)

References

()

Details

(Keywords: perf:responsiveness)

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

Whiteboard: [qf]
Type: enhancement → defect
Priority: -- → P3

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

OS: Android → All
Whiteboard: [qf] → [qf:p2:responsiveness]

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

Summary: Opening menu is slow on salsitasoft.com on Firefox for Android → Opening menu is slow on salsitasoft.com on Firefox for Andoid, MacOS
Webcompat Priority: ? → ---

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

Component: Graphics → Graphics: WebRender

(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?

Flags: needinfo?(mstange.moz)

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

Depends on: fixed-by-webrender
No longer depends on: wr-svg-filters
Flags: needinfo?(mstange.moz)
Status: NEW → RESOLVED
Closed: 3 years ago
Resolution: --- → FIXED
Performance Impact: --- → P2
Whiteboard: [qf:p2:responsiveness]
You need to log in before you can comment on or make changes to this bug.