1192469 - Clockwork Empires website scrolls horribly in e10s

Status: RESOLVED WORKSFORME

(Core :: Layout, defect)

Description

[Hugh Nougher [:Hughman]]

Scrolling, especially using the scrollbar, on the Clockwork Empires website is extremely laggy with e10s enabled.

It is much better with e10s disabled (though not as good as IE11).

For another note the scrolling using mouse wheel is very responsive in e10s but the background and menu lag behind extremely badly.

Comment 1

[Tracy Walker [:tracy]]

Hugh, is this reproducible with all of your add-ons disabled?

Comment 2

[Hugh Nougher [:Hughman]]

Just did another test with updated nightly.
Absolutely no difference between a new profile and my normal one.

Also the scrolling response is a little bit better now compared to the other day.
Non e10s is pretty much the same as IE11.
e10s version is still quite horrible.

Comment 3

[Tracy Walker [:tracy]]

Hugh, can you try turning off APZ in about:config.

Comment 4

[Mike Conley (:mconley) (:⚙️)]

I was able to reproduce, and disabling APZ (by setting layers.async-pan-zoom.enabled to false and restarting) made it better.

Hugh, can you confirm?

Comment 5

[Hugh Nougher [:Hughman]]

Confirmed.

Its smooth with that setting disabled.

Comment 6

[Mike Conley (:mconley) (:⚙️)]

Hey - is there an APZ perf bug somewhere?

Comment 7

[Kartikaya Gupta (email:[e-mail])]

(In reply to Hugh Nougher [:Hughman] from comment #0)
> Scrolling, especially using the scrollbar, on the Clockwork Empires website
> is extremely laggy with e10s enabled.
> 
> It is much better with e10s disabled (though not as good as IE11).
> 
> For another note the scrolling using mouse wheel is very responsive in e10s
> but the background and menu lag behind extremely badly.

There's two issues here. One is that with APZ enabled and mousewheel scrolling, the background and menu lag. This is because of bug 1166301.

The other is that "scrolling using the scrollbar is laggy" but "scrolling using the mouse wheel is very responsive" - this indicates that the non-APZ codepaths (i.e. dragging the scrollbar) are slow but the APZ codepaths (mouse wheel) are fast.

Since we already have bug 1166301 to track the first issue, let's use this bug to track the second issue.

Comment 8

[Mikel]

(In reply to Kartikaya Gupta (email:[e-mail]) from comment #7)
> (In reply to Hugh Nougher [:Hughman] from comment #0)
> > Scrolling, especially using the scrollbar, on the Clockwork Empires website
> > is extremely laggy with e10s enabled.
> > 
> > It is much better with e10s disabled (though not as good as IE11).
> > 
> > For another note the scrolling using mouse wheel is very responsive in e10s
> > but the background and menu lag behind extremely badly.
> 
> There's two issues here. One is that with APZ enabled and mousewheel
> scrolling, the background and menu lag. This is because of bug 1166301.
> 
> The other is that "scrolling using the scrollbar is laggy" but "scrolling
> using the mouse wheel is very responsive" - this indicates that the non-APZ
> codepaths (i.e. dragging the scrollbar) are slow but the APZ codepaths
> (mouse wheel) are fast.
> 
> Since we already have bug 1166301 to track the first issue, let's use this
> bug to track the second issue.

Will this bug also cover enabling auto scrolling via the APZ codepath or should we open up a new one for it?
As auto scrolling on this site is horrific versus the silky smooth mousewheel scrolling which is APZ enabled.

Comment 9

[Kartikaya Gupta (email:[e-mail])]

Bug 1105109 covers autoscrolling.

Comment 10

[Botond Ballo [:botond]]

(In reply to Kartikaya Gupta (email:[e-mail]) from comment #7)
> (In reply to Hugh Nougher [:Hughman] from comment #0)
> > Scrolling, especially using the scrollbar, on the Clockwork Empires website
> > is extremely laggy with e10s enabled.
> > 
> > It is much better with e10s disabled (though not as good as IE11).
> > 
> > For another note the scrolling using mouse wheel is very responsive in e10s
> > but the background and menu lag behind extremely badly.
> 
> There's two issues here. One is that with APZ enabled and mousewheel
> scrolling, the background and menu lag. This is because of bug 1166301.
> 
> The other is that "scrolling using the scrollbar is laggy" but "scrolling
> using the mouse wheel is very responsive" - this indicates that the non-APZ
> codepaths (i.e. dragging the scrollbar) are slow but the APZ codepaths
> (mouse wheel) are fast.
> 
> Since we already have bug 1166301 to track the first issue, let's use this
> bug to track the second issue.

I tested the page with the patches in bug 1166301 applied. It looks much better, but the background still "lags" a bit - it looks like content is scrolling it slightly in response to scroll events. Not sure if there's anything we can do about that.

Comment 11

[Hugh Nougher [:Hughman]]

Testing this in Nightly now its working very well.
Non-e10s is slightly smoother than e10s but its hardly noticeable.
Thanks for everyone's work.

Is that enough to close this?

Comment 12

[Kartikaya Gupta (email:[e-mail])]

Since you filed the bug, if you are happy with the way things are now we can definitely close it. I think there are already other bugs that cover the remaining issues and if not we can file some.