1663570 - Extremely slow rendering of SVG items. Impossible to scroll.

Status: NEW

(Core :: Graphics, defect)

Description

[Karl Dubost💡 :karlcow]

0. With Firefox Preview Nightly on ANdroid
1. Go to https://muse.ai
2. Scroll until icons appears at the bottom

Expected:
smooth scroll

Actual:
Very janky and slow scroll

As reported in https://webcompat.com/issues/57757

Seems like a recent problem. I believe it's caused by the section icons (line-based icons above headlines). If I comment out the part that defines their "url: (...svg)" in CSS, scrolling smoothness goes back to normal.

Comment 1

[Karl Dubost💡 :karlcow]

Created a performance profile.
https://share.firefox.dev/3m0fymz

Comment 2

[Karl Dubost💡 :karlcow]

Not sure if it's related but just in case

1. Go to https://upload.wikimedia.org/wikipedia/commons/1/1b/Linux_Distribution_Timeline.svg
2. Try to scroll
   Performance Profile https://share.firefox.dev/3k2ZqPl

Almost impossible.
Device was a pixel 2 Android 10. On firefox Nightly

Comment 3

[Miko Mynttinen]

It seems that scrolling up and down at the bottom of the page is very jittery even on MBP, profile: https://share.firefox.dev/3m82tHQ
Looks like texture cache updates are taking a long time.

Comment 4

[Miko Mynttinen]

(In reply to Karl Dubost💡 :karlcow from comment #2)

Not sure if it's related but just in case

1. Go to https://upload.wikimedia.org/wikipedia/commons/1/1b/Linux_Distribution_Timeline.svg
2. Try to scroll
   Performance Profile https://share.firefox.dev/3k2ZqPl

Almost impossible.
Device was a pixel 2 Android 10. On firefox Nightly

Both of the profiles you linked seem to be missing a big portion of native call stacks, could you try retaking them with screenshots disabled?

Comment 5

[Karl Dubost💡 :karlcow]

Miko,

sure which settings do you want me to pick?
There is

• Web Developer (the current ones)
• Firefox Platform
• Firefox Front End
• Firefox Graphics
• Media
• Custom

Comment 6

[Miko Mynttinen]

(In reply to Karl Dubost💡 :karlcow from comment #5)

Miko,

sure which settings do you want me to pick?
There is

• Web Developer (the current ones)
• Firefox Platform
• Firefox Front End
• Firefox Graphics
• Media
• Custom

Firefox Graphics will probably work, it records threads that do graphics related work.

Comment 7

[Karl Dubost💡 :karlcow]

Miko,

Here the profiles:

1. https://upload.wikimedia.org/wikipedia/commons/1/1b/Linux_Distribution_Timeline.svg
   Profile: https://share.firefox.dev/35Duh1c
2. https://muse.ai/
   Profile: https://share.firefox.dev/3mkSGyr

Comment 8

[Dennis Schubert [:denschub]]

Miko, can you still reproduce this, or should this be closed?

Comment 9

[Jeff Muizelaar [:jrmuizel]]

I don't currently have an Android phone to reproduce this on. Jamie can you reproduce?

Comment 10

[Jamie Nicol [:jnicol]]

Yeah, it's just about acceptable on my Pixel 3 but it's really quite bad on my Nexus 5. Here's a profile: https://share.firefox.dev/3zwlhrQ

Looks like another spritesheet texture upload issue.