Closed Bug 527728 Opened 15 years ago Closed 1 year ago

[meta] Track and improve scrolling latency

Categories

(Core :: Graphics, defect)

defect

Tracking

()

RESOLVED FIXED

People

(Reporter: jrmuizel, Unassigned)

References

Details

(Keywords: meta, perf)

I have some tests of my early work here:
http://people.mozilla.com/~jmuizelaar/scroll/
Summary: Track and improving scrolling latency → Track and improve scrolling latency
If anyone has pages that scroll slowly please post urls here.
data:text/html,<html%20style="-moz-box-shadow:%200%200%20150px%20black%20inset;%20height:%205000px"> ;)
Is this Mac specific?
OS: Mac OS X → All
Hardware: x86 → All
One instance that I've noticed on Linux is scrolling the main gmail conversation view when an instance of the in-window chat session is open.

The chat session is (I think) basically a div with position absolute, high z-index, and bottom and right set to 0.
(In reply to comment #4)
> One instance that I've noticed on Linux is scrolling the main gmail
> conversation view when an instance of the in-window chat session is open.

This is bug 528604.
Slow to scroll :(
http://design-challenge.mozillalabs.com/jetpack-for-learning/

Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.2b3pre) Gecko/20091113 Namoroka/3.6b3pre
(In reply to comment #6)
> http://design-challenge.mozillalabs.com/jetpack-for-learning/

-moz-box-shadow: 0pt -3px 0px rgba(200, 200, 200, 0.3) inset, 0pt -3px 6px rgb(255, 255, 255) inset, 0pt 20px 40px rgb(255, 255, 255) inset, 0pt 2px 8px rgba(200, 200, 200, 0.3);
Depends on: 509052
I filed another scrolling perf problem as bug 529096.
Google reader with extra long paragraph or a lot of images will make the scrolling slow.
My platform:Win32,3.7nightly @ 1920*1080 resolution
I have a account for the "google wave preview" and scrolling seems to be very slow in the Wave-Content-Area for me. 
But that might be connected to the "different" scrolling-mechanism they implemted there.
Feedly. Very slow for me in Win7 with smooth scrolling enabled.
gmail scrolling is painful when a chat box is opened
(In reply to comment #12)
> gmail scrolling is painful when a chat box is opened

Yes, we filed bug 528604 on it, and it has a reviewed patch! :-)
we did some tests with scrolling for different OSs some time back:

http://grigio.org/scroll_benchmark_really_firefox_linux_so_bad

also my own benchmark, similar to "~jmuizelaar"

http://sliste.sl.funpic.de/bmark/

Hope this helps!
Not sure if it's what you're after, but this page exhibits a lot of vertical tearing and stutter when scrolling down:

 http://nwn2db.com/builder.php

Other browsers (IE8, Safari 4, Chrome 2+) scroll smoothly. Other areas of the site are stuttery too (eg. 'Library' menu on the front page) so I'm tempted to call this a redraw/dirty rect problem.
(In reply to comment #9)
> Google reader with extra long paragraph or a lot of images will make the
> scrolling slow.
> My platform:Win32,3.7nightly @ 1920*1080 resolution

This seems to be related to box shadow and is a regression from 1.9.2
(In reply to comment #15)
> Not sure if it's what you're after, but this page exhibits a lot of vertical
> tearing and stutter when scrolling down:
> 
>  http://nwn2db.com/builder.php
> 
> Other browsers (IE8, Safari 4, Chrome 2+) scroll smoothly. Other areas of the
> site are stuttery too (eg. 'Library' menu on the front page) so I'm tempted to
> call this a redraw/dirty rect problem.

Looks like this could be box shadow related too.
(In reply to comment #17)
> Looks like this could be box shadow related too.

Nah, only one reference to -moz-box-shadow in the CSS, and we broke it intentionally after we suspected it to be the performance problem.

There's a dramatic improvement after removing the fixed-pos black bar at the bottom (#utilBar), or a slight improvement after just removing the fixed-pos alpha png gradient (#utilFade).

http://xhva.net/work/css3/  has similiar perf problems with fixed-pos alpha pngs (#header and #footer) but admittedly it uses -moz-box-shadow and CSS columns which may complicate it.
(In reply to comment #15)
>  http://nwn2db.com/builder.php

There are big improvements (or changes at least) between 1.9.1 and 1.9.2 here.
What OS and Mozilla Browser are you using.
(In reply to comment #18)
> http://xhva.net/work/css3/  has similiar perf problems with fixed-pos alpha
> pngs (#header and #footer) but admittedly it uses -moz-box-shadow and CSS
> columns which may complicate it.

If this matters, I noticed that the performance on this page is much worse when fully zoomed in.
(In reply to comment #19)
> (In reply to comment #15)
> >  http://nwn2db.com/builder.php
> 
> There are big improvements (or changes at least) between 1.9.1 and 1.9.2 here.
> What OS and Mozilla Browser are you using.

I think the performance of scrolling in this page is better with the fix to bug 528604, since this page also uses a div with a fixed position.
(In reply to comment #19)
> There are big improvements (or changes at least) between 1.9.1 and 1.9.2 here.
> What OS and Mozilla Browser are you using.

XP 32bit, tested in both Firefox 3.5.5 and the 20091111 nightly. There's a definite improvement in the nightly, yes, but it's still slower than competitors.
(In reply to comment #22)
> (In reply to comment #19)
> > There are big improvements (or changes at least) between 1.9.1 and 1.9.2 here.
> > What OS and Mozilla Browser are you using.
> 
> XP 32bit, tested in both Firefox 3.5.5 and the 20091111 nightly. There's a
> definite improvement in the nightly, yes, but it's still slower than
> competitors.

Andrew,

If you could come up with a minimal test page that shows the slowness difference between different browsers that would be tremendously helpful. Further, we could  add it to a test suite to ensure that we don't regress it.
(In reply to comment #9)
> Google reader with extra long paragraph or a lot of images will make the
> scrolling slow.
> My platform:Win32,3.7nightly @ 1920*1080 resolution

The google reader problem is bug 530686
Depends on: 530686, 529557
Depends on: 532732
Depends on: 533994
Scrolling in this SVG / SMIL demo is pretty bad. Click one of the icons at the bottom and then scroll:

http://people.mozilla.org/~dholbert/demos/smildock/01/smildock.svg
(In reply to comment #25)
> Scrolling in this SVG / SMIL demo is pretty bad. Click one of the icons at the
> bottom and then scroll:
> 
> http://people.mozilla.org/~dholbert/demos/smildock/01/smildock.svg

Bug 534721.
Blocks: 534721
Depends on: 266702
Depends on: 542251
Depends on: 528604
Depends on: 558692
The new version of Twitter (currently in preview) scrolls pretty badly on the latest trunk nightly. The new layout contains several position:fixed elements with box-shadow. The slowness isn't all the fault of box-shadow though - disabling those CSS rules with Firebug speeds up scrolling a little, but it's still slow.
Sorry, should have mentioned - that's on WinXP with no hardware acceleration.
Depends on: 634110
Keywords: meta, perf
In Google Reader, click the 'Explore' button on the left, notice that smooth scrolling is unbearably slow. I'm running Firefox 4 RC on Windows 7 x64 with HW acceleration on.
Twitter is still very slow, at least on OS X.

http://www.giantbomb.com and http://www.tested.com are also quite slow, especially near the top of the page.
I think a lot of these bugs can be closed since they are solved by Layers. The only problem I noticed are with mouse overs and plug-in playing the performance is still sub-optimal.
Addon Manager seems also affected
Depends on: 900094
Depends on: 911975
Blocks: 100951
See Also: → 710372
See Also: → 675866
Summary: Track and improve scrolling latency → [meta] Track and improve scrolling latency
Severity: normal → S3

Inactive metabug

Status: NEW → RESOLVED
Closed: 1 year ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.