不熟悉瀑布时间轴,不确定我是否需要修复字体加载,映射

时间:2014-12-02 22:17:03

标签: performance fonts google-chrome-devtools bing-maps

我的bootstrap伴侣字体Glyphicon-Halflings-Regular以及我网站上的googleapis字体Cinzen。我使用& text参数将Cinzen减少到1.8k(真棒!)。我不知道如何缩小半身人。

无论如何,我检查了GTmetrix瀑布,这两个瀑布在其他可见内容之后加载了很长时间。我想让网站加载速度更快。我在新的字体加载事件API(https://docs.google.com/presentation/d/10QJ_GABjwzfwUb5DZ3DULdv82k74QdPArkovYJZ-glc/present?slide=id.g3565fb677_0156)上阅读了一些内容,但我不太了解解析它?不知道。它看起来真的很棒!

我在菜单中有一个bing地图,我尝试了ajax但它仍然无法显示地图:(所以我只是把它放在最后,希望它会在页面显示之后做它的事情。

无论如何,我对Chrome的开发工具中的时间线没有任何经验,所以我无法确定这些字体是否有问题,或者是否有很多jquery工作正在耗尽所有GET之间的时间。

有人可以看看tv9-d12ab751(点)azurewebsites(点)网并告诉我: a)内联字体会减少加载时间吗? b)我应该怎么做才能使bing贴图(虚拟地球,veapi等)不被阻挡渲染?

感谢。

1 个答案:

答案 0 :(得分:0)

Bing Maps不会阻止任何渲染。但最佳做法是在JavaScript文件之前加载CSS文件,并将JavaScript文件放在页面末尾。由于Bing Maps API站点位于不同的域上,因此在下载文件时不会导致任何阻止。

也就是说,由于在有人实际进入站点的区域地图部分之前不需要地图,因此您可以延迟加载地图控件直到那时为止。您甚至可以根据需要延迟加载API,并根据需要延迟加载它。单击/悬停区域贴图按钮以查看是否已加载ma对象时,可以快速检查,如果没有,则加载地图控件和贴图。这不仅有助于加载网站,还意味着仅在用户实际想要查看时加载地图,这将显着减少地图加载的次数。这反过来会产生更少的交易,并使Bing Maps的许可便宜得多。实际上,根据您预期的流量,它可能会让您保持在免费使用条款范围内。

以下是关于延迟加载地图控件的博文:http://rbrundritt.wordpress.com/2011/11/20/bing-maps-v7-control-lazy-loader/