p5js.org animation slows down browser

NEW
Unassigned

Status

()

Core
Graphics
4 years ago
3 years ago

People

(Reporter: gerald, Unassigned)

Tracking

38 Branch
x86
Mac OS X
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [gfx-noted])

(Reporter)

Description

4 years ago
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:35.0) Gecko/20100101 Firefox/35.0
Build ID: 20150122214805

Steps to reproduce:

Open http://p5js.org/


Actual results:

Very slow animation (about 1Hz), slows down whole browser, even with E10S.


Expected results:

Manageable interactivity, even if animation stays slow.
Chrome is usable, Safari is smooth.
(In reply to Gerald Squelart [:gerald] from comment #0)
> slows down whole browser, even with E10S.
Everything's fine for me, 38.0a1 (2015-02-02) Win 7.

Please check if the issue occurs using Firefox in safe mode (with your addons disabled):
http://support.mozilla.com/kb/Safe+Mode

And on a new, empty profile:
http://support.mozilla.org/en-US/kb/Managing-profiles#w_starting-the-profile-manager
Flags: needinfo?(from_mozilla)
(Reporter)

Comment 2

4 years ago
Same issue with the following combinations on an 2011 27' iMac with a 3.4 GHz Intel Core i7, 16 GB:
- FF35.0.1, Mac OS 10.10.2, existing profile and add-ons.
- FF35.0.1, Mac OS 10.10.2, safe mode.
- FF35.0.1, Mac OS 10.10.2, new profile.
- FF38.0a1 w/ e10s, Mac OS 10.10.2, safe mode.
- FF38.0a1 w/ e10s, Mac OS 10.10.2, with new profile.
- FF35, Win 7-32 / VMWare / Mac OS, fresh install, no add-ons.
- FF38.0a1 w/ e10s, Win 7-32 / VMWare / Mac OS, fresh install, no add-ons.

In Windows, Chrome has a similar speed as in Mac OS, IE is smooth and responsive.

Just to be clear (in case we're looking at different things), when going to p5js.org, I see an animation of wave-like ribbons, moving from right to left and shifting up and down slowly towards the mouse pointer; Moving the mouse pointer left/right seems to have an effect on the shape of the waves. There are also light bubbles falling all over the page.

By "slows down" I mean that the animation is very shaky, the waves are redrawn every second to half-second, and trying to scroll is very slow to respond, maybe 2-3 second latency. Switching to another tab in FF35 (hiding the animation), there was still some sluggishness. FF38 is better when switching, but same sluggishness when both tabs (anim + another simple page) are visible in separate windows.

Please let me know if you'd like me to run more specific tests.
Flags: needinfo?(from_mozilla)
Component: Untriaged → Graphics
Product: Firefox → Core
Version: Firefox 38 → 38 Branch
Maybe a good animation jank test case, haven't looked closely yet though. Chrome performs very poorly on my machine.
Status: UNCONFIRMED → NEW
Ever confirmed: true
Whiteboard: [gfx-noted]

Comment 4

3 years ago
Confirming the issue on 39 , linux 3.19, macbook pro retina 13.

Heres a profiling session of the issue:

https://www.dropbox.com/s/38xq8sc3o2dicm1/m8EnuGa7.exe?dl=0

Comment 5

3 years ago
Not sure why the gecko profiler appended .exe, but it most definitely is json...
You need to log in before you can comment on or make changes to this bug.