Open Bug 1999301 Opened 5 months ago Updated 25 days ago

www.arthurvasseur.fr - Freezes/Stutters slightly when scrolling the page due to large data:-URL in faviconUrl in tabs.onUpdated

Categories

(WebExtensions :: General, defect, P3)

Desktop
Windows 10
defect

Tracking

(Performance Impact:medium, Webcompat Score:1)

Performance Impact medium
Webcompat Score 1

People

(Reporter: ctanase, Unassigned)

References

(Blocks 1 open bug, )

Details

(Whiteboard: [webcompat-source:web-bugs][addons-jira])

User Story

user-impact-score:0

Attachments

(1 file)

Environment:
Operating system: Windows 10
Firefox version: Firefox 145.0/144/146

Steps to reproduce:

  1. Go to https://www.arthurvasseur.fr/blog/vkd-memory-management/
  2. Scroll the page normally/fast (using the mouse wheel).

Expected Behavior:
The scrolling is smooth.

Actual Behavior:
It lags slightly.

Notes:

  • Reproduces regardless of the status of ETP
  • Reproduces in firefox-nightly, and firefox-release
  • Does not reproduce in chrome

Created from https://github.com/webcompat/web-bugs/issues/187577

Component: Site Reports → Performance: General
Product: Web Compatibility → Core
User Story: (updated)
Webcompat Score: --- → 1

The severity field is not set for this bug.
:bas.schouten, could you have a look please?

For more information, please visit BugBot documentation.

Flags: needinfo?(bas)

The page has a 10MB favicon (https://www.arthurvasseur.fr/favicon.svg) and it updates the history state during scrolling. The freezes happen when the parent process sends a tabs.onUpdated message to the WebExtension process.

For some reason, the faviconUrl property in the message contains a data URL with the base64-encoded icon. This makes the message huge (13.8MB), see this size profile: https://share.firefox.dev/4rMU4vB

Why aren't we using the original favicon URL here, i.e. the string "https://www.arthurvasseur.fr/favicon.svg"?

Component: Performance: General → General
Product: Core → WebExtensions

The Performance Impact Calculator has determined this bug's performance impact to be medium. If you'd like to request re-triage, you can reset the Performance Impact flag to "?" or needinfo the triage sheriff.

Platforms: [x] Windows [x] macOS [x] Linux
Impact on browser: Causes noticeable jank
Configuration: Specific but common

Performance Impact: --- → medium
Flags: needinfo?(bas)

It would be really nice if we move away from data:-URLs as faviconUrl. This has been an ongoing source of performance issues.

Bug 1315616 asks about a way to access cached favicons. That should be the preferred fix here.

I don't know why faviconUrl here is the data:-URL instead of the original URL. Fixing that could also be a path towards a fix.

Another potential fix is to simply drop faviconUrl from events by default if their length exceeds a certain length, as a stopgap fix for this issue.

See Also: → 1315616
Summary: www.arthurvasseur.fr - Freezes/Stutters slightly when scrolling the page → www.arthurvasseur.fr - Freezes/Stutters slightly when scrolling the page due to large data:-URL in faviconUrl in tabs.onUpdated

The severity field is not set for this bug.
:rpl, could you have a look please?

For more information, please visit BugBot documentation.

Flags: needinfo?(lgreco)
Blocks: webext-perf
Severity: -- → S3
Flags: needinfo?(lgreco)
Priority: -- → P3
Whiteboard: [webcompat-source:web-bugs] → [webcompat-source:web-bugs][addons-jira]
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: