1543409 - Wix editor is extremely slow in Firefox

Status: RESOLVED INCOMPLETE

(Core :: JavaScript Engine, defect, P3)

Description

[neilpadgett452]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36

Steps to reproduce:

Create website using Wix, then try editing it.

Actual results:

Wix editor is laggy and horrible to use with Firefox. It works perfectly with Chrome, however.

Expected results:

Wix editor should be as easy to use in Firefox as Chrome.

Comment 1

[Makoto Kato [:m_kato]]

(In reply to neilpadgett452 from comment #0)

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36

Steps to reproduce:

Create website using Wix, then try editing it.

Thank you for reporting!.

But we need more details to create site (What category of Wix's template? and how to reproduce by detail steps.?) to reproduce this and analyze this. Your step is too ambiguous...

As long as I test this on Firefox Nightly, performance is same as Chrome Canary.

Comment 2

[neilpadgett452]

Attachment: WixFirefoxLag.mov

Comment 3

[neilpadgett452]

Sorry for the lack of details. I've uploaded a screen recording that should demonstrate the lag. You would probably need to create a Wix site to see how laggy Firefox can be. It can be a lot worse than the screen recording if there are multiple Wix strips.

Comment 4

[Henri Sivonen (:hsivonen)]

Video suggests this isn't an Editor component issue. Guessing Layout.

Comment 5

[Emilio Cobos Álvarez (:emilio)]

Here's a profile of scrolling that website with the template shown in the video from comment 2: https://profiler.firefox.com/public/d3243eb30e46a553fa65dfe22bd9ef1ae4298044/calltree/?profileName=&published&v=3

Here's a bit more generic profile that I took while loading the website and interacting with it for a bit: https://perfht.ml/2UhPeFD

Here's one resizing the header: https://profiler.firefox.com/public/780e832c199dd4e3a7826580f72080399643b6f5/calltree/?profileName=&published&v=3

Most of it looks JS to me (other than a few slow frames where some time is spent on graphics). I bet there's something really dumb going on in this page.

Comment 6

[Emilio Cobos Álvarez (:emilio)]

If you want to dig into that and don't want to create a test account for that website, let me know on IRC and I'll give you the credentials I just used for that website. Though I didn't even need an email confirmation or anything, so I think you can just put whatever on the registration form.

Comment 7

[Jason Orendorff [:jorendorff]]

Jan, could you take a look? nbp and I looked at these profiles but found nothing actionable.

Comment 8

[Iain Ireland [:iain]]

I poked around with the profiles, and tried it in Firefox and Chrome on my own machine. I did see lag in Firefox. Unlike the reporter, though, I also saw lag in Chrome (although not quite as bad). On my laptop, at least, it's a quantitative difference, not a qualitative one.

Nothing jumped out at me in the profiles. It might just be a particularly complex React program? (I spotted componentWillReceiveProps in one profile, which I'm pretty sure means React.)

Comment 9

[Jan de Mooij [:jandem]]

Clearing NI as Iain looked into this. Also CC'ing Denis from the performance team.