Open Bug 1911590 Opened 1 year ago Updated 4 months ago

strawberrymaster.github.io - Moving the map around is sluggish

Categories

(Web Compatibility :: Site Reports, defect, P3)

Product:
Web Compatibility
Component:
Site Reports
Platform:
Desktop
Windows 10
Type:
defect

Tracking

(Webcompat Priority:P3, Webcompat Score:1)

Project Flags:
Webcompat Priority P3
Webcompat Score 1

People

(Reporter: rbucata, Unassigned)

References

(
URL
)

Details

(Keywords: webcompat:needs-diagnosis, webcompat:site-report, Whiteboard: [webcompat-source:web-bugs])

User Story

platform:windows,mac,linux,android
impact:annoyance-minor
configuration:general
affects:all
branch:release
diagnosis-team:performance
user-impact-score:10

Environment:
Operating system: Windows 10
Firefox version: Firefox 130.0

Steps to reproduce:

  1. Open https://strawberrymaster.github.io/hypo-track/
  2. Wait a few moments for the map to load
  3. When it's done, zoom in using your scroll wheel, or move around the map by clicking it and dragging it around

Expected Behavior:
Moving around the map does not present any issues

Actual Behavior:
Moving the map around is sluggish

Notes:

  • Reproduces regardless of the status of ETP
  • Reproduces in Firefox Nightly, and Firefox Release
  • Does not reproduce in Chrome
  • Performance profile:https://share.firefox.dev/3A8epFg

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

Severity: -- → S4
User Story: (updated)
Keywords: webcompat:needs-diagnosis, webcompat:site-report
Priority: -- → P3
Webcompat Priority: --- → P3
Webcompat Score: --- → 2
Webcompat Score: 2 → 1
User Story: (updated)

(In reply to Raul Bucata from comment #0)

Environment:
Operating system: Windows 10
Firefox version: Firefox 130.0

Steps to reproduce:

  1. Open https://strawberrymaster.github.io/hypo-track/
  2. Wait a few moments for the map to load
  3. When it's done, zoom in using your scroll wheel, or move around the map by clicking it and dragging it around

Expected Behavior:
Moving around the map does not present any issues

Actual Behavior:
Moving the map around is sluggish

Notes:

Created from https://github.com/webcompat/web-bugs/issues/139979
I tested this on Firefox 130 (Windows 10) and can confirm the sluggish panning/zooming behavior. Chrome does indeed handle the map interactions more smoothly.

Do you think If will-change: transform or transform: translate3d() could help trigger better compositing?

Maintainer of the hypo-track site here - for context I believe we used p5.js at time of reporting and unfortunately it was very slow to use. Eventually it was rewritten to not use it and it did improve quite a bit (though the original version, which still uses p5.js, also runs fine now) some time ago.

There is some sluggishness, though only when moving from one side of the map to another side. will-change: transform and transform: translate3d() do seem to improve it a bit, though it's still noticeable if you're dragging from one distance to a more distant one

You need to log in before you can comment on or make changes to this bug.