Font drawing on Wikipedia homepage causes browser stutter

NEW
Unassigned

Status

()

Core
Graphics
5 years ago
4 years ago

People

(Reporter: vladan, Unassigned)

Tracking

Trunk
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

5 years ago
If you clear your disk cache or restart your machine and then visit www.wikipedia.org, you will notice that the browser becomes unresponsive for a few seconds.

The following profile shows that the main thread becomes busy drawing fonts (this bug) and capturing thumbnails (bug 720575):

http://people.mozilla.com/~bgirard/cleopatra/#report=ee696391b9074472ee634e18c6bad5ef0d078187

Without hardware acceleration:

http://people.mozilla.com/~bgirard/cleopatra/#report=a02bb730352d9651996937cb2ddfa73939e40e04

I think font loading might be particularly costly on wikipedia.org because it contains text from many languages.

Comment 1

5 years ago
What's the comparison with IE9/10 like for the same set of steps?  And is this different for a non-wikipedia page?

Testcases of some sort would probably be useful here, two pages of roughly equal size text wise.  The wikipedia homepage page has funky perf characteristics in terms of fonts because it's basically sucky in a zillion fonts to cover all the scripts displayed on the main page.  Actual content pages have less.
As an anecdotal data point, this really chugged hard for TenFourFox, especially since it still uses the old ATS font code which had some gross inefficiencies. During testing on some Wikipedia pages it ends up enumerating nearly every font on the system, which lags hard. Our temporary solution was to speed up how font tables are sought; see https://code.google.com/p/tenfourfox/issues/detail?id=195

Still, it seems like the enumeration (for char maps, it looked like?) could be moved to some other point and/or better cached.
You need to log in before you can comment on or make changes to this bug.