1127193 - p5js.org animation slows down browser

Status: RESOLVED INCOMPLETE

(Core :: Graphics, defect)

Description

[Gerald Squelart (he/him) (not at Mozilla since 2022-09-15)]

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.

Comment 1

[Paul Silaghi, QA [:pauly]]

(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

Comment 2

[Gerald Squelart (he/him) (not at Mozilla since 2022-09-15)]

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.

Comment 3

[David Anderson [:dvander] - inactive, e-mail if emergency]

Maybe a good animation jank test case, haven't looked closely yet though. Chrome performs very poorly on my machine.

Comment 4

[jonathan]

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

[jonathan]

Not sure why the gecko profiler appended .exe, but it most definitely is json...

Comment 6

[Gregory Pappas [:gregp]]

This page has changed since comment 0 and a working archive cannot be found.