1725420 - Slow loading of page elements on wizard-shoji.webflow.io caused by large svg image

Status: NEW

(Core :: Graphics: WebRender, defect)

Description

[Asif Youssuff]

From https://www.reddit.com/r/firefox/comments/p322x8/help_website_performs_badly_on_firefox/

The issue is slow and choppy loading when browsing the website as well as frozen animations at times.

Profile: https://share.firefox.dev/3lZ0d8s

On a MacBook Pro (16-inch, 2019) with a 2.4 GHz 8-Core Intel Core i9 and 32GB RAM

Comment 1

[Asif Youssuff]

Attachment: about:support

Comment 2

[Jeff Muizelaar [:jrmuizel]]

We're drawing https://assets.website-files.com/610d4692f5692b6bea68d9ba/61110b6a63471124f7c29c71_dark-green-boi-compressed.svg twice at ~15440x2721 and that's too much.

Comment 3

[Jeff Muizelaar [:jrmuizel]]

With image.svg.blob-image on we still draw it a very large size but only once.

Comment 4

[Jeff Muizelaar [:jrmuizel]]

Replacing the <img> tag with <object type="image/svg+xml" class="full-width-background" data="https://assets.website-files.com/610d4692f5692b6bea68d9ba/61110b6a63471124f7c29c71_dark-green-boi-compressed.svg"></object> makes us use the embedded (blob invalidation) svg path instead of the svg image path and dramatically improves performance.