I have the bootstrap companion font Glyphicon-Halflings-Regular and also a googleapis font Cinzen in my site. I have reduced Cinzen to 1.8k with the &text parameter (awesome!). I don't know how to shrink Halflings.
Anyway, I check the GTmetrix waterfall and these two load a long time after other visible content. I'd like to make the site load faster. I read some stuff on the new Font Load Event APIs (https://docs.google.com/presentation/d/10QJ_GABjwzfwUb5DZ3DULdv82k74QdPArkovYJZ-glc/present?slide=id.g3565fb677_0156) but I don't know enough to parse it?? dunno. It looks really great though!
I have a bing map inside a menu that I tried to ajax but it kept failing to show the map :( so I just put it at the very end hoping it would do its thing after the page was showing.
Anyway, I don't really have any experience with the timeline inside Chrome's dev tools so I cannot really tell if the fonts are a problem or if a lot of jquery work is just eating up all the time in between GETs.
Can someone please look at tv9-d12ab751 (dot) azurewebsites (dot) net and tell me:
a) would inlining the fonts cut the load time by much?
b) what should I do to keep the bing map (virtual earth, veapi, etc.) from blocking rendering?
Here is a blog post on lazy loading the map control: http://rbrundritt.wordpress.com/2011/11/20/bing-maps-v7-control-lazy-loader/