I’m pretty happy with the results but if anybody has any suggestion to improve:
That’s a lot of stuff happening before the initial render. You should be able to make it quite a bit faster:
-
Combine together a bunch of those css files. Optimally you’d have 1 that is sitewide, 1 for page-specific styles and maybe one for the Google fonts (bonus points for inlining the styles needed for the above-the-fold content and loading the remaining css at the end).
-
That’s a lot of fonts (and there are strange things causing some of them to be requested multiple times). Do you really need that many? If so, Ilya Grigorik had a great talk at Velocity last week about loading fonts and the video should be available in a few weeks. He also has a great blog post on it here: Optimizing Web Font Rendering Performance - igvita.com
-
Why don’t you allow users to pinch-zoom the page?
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />