Performance 不熟悉瀑布时间线,不确定是否需要修复字体加载、地图

Performance 不熟悉瀑布时间线,不确定是否需要修复字体加载、地图,performance,fonts,google-chrome-devtools,bing-maps,Performance,Fonts,Google Chrome Devtools,Bing Maps,我在我的网站上有一个引导配套字体Glyphicon半身人和一个googleapis字体Cinzen。我使用&text参数将Cinzen减少到1.8k(太棒了!)。我不知道如何缩小半身人 无论如何,我检查了GTmetrix瀑布,这两个在其他可见内容之后加载了很长时间。我想让网站加载更快。我读了一些关于新字体加载事件API()的内容,但我不知道如何解析它??不知道不过看起来真的很棒 我在一个菜单中有一个bing地图,我尝试使用ajax,但它始终无法显示地图:(所以我只是把它放在最后,希望它在页面显示

我在我的网站上有一个引导配套字体Glyphicon半身人和一个googleapis字体Cinzen。我使用&text参数将Cinzen减少到1.8k(太棒了!)。我不知道如何缩小半身人

无论如何,我检查了GTmetrix瀑布,这两个在其他可见内容之后加载了很长时间。我想让网站加载更快。我读了一些关于新字体加载事件API()的内容,但我不知道如何解析它??不知道不过看起来真的很棒

我在一个菜单中有一个bing地图,我尝试使用ajax,但它始终无法显示地图:(所以我只是把它放在最后,希望它在页面显示后能完成它的任务

无论如何,我对Chrome的开发工具中的时间线没有任何经验,因此我无法真正判断字体是否有问题,或者jquery的大量工作是否正在消耗这段时间

有人能看看tv9-d12ab751(dot)azurewebsites(dot)net并告诉我: a) 内联字体会减少很多加载时间吗? b) 我应该怎么做才能防止bing地图(虚拟地球、veapi等)阻止渲染


谢谢。

Bing地图不会阻止任何渲染。但最好的做法是在JavaScript文件之前加载CSS文件,并将JavaScript文件放在页面末尾。由于Bing将API站点映射到不同的域中,因此在下载文件时不会造成任何阻塞

这就是说,因为在有人真正访问站点的区域地图部分之前不需要地图,所以可以将地图控件的加载延迟到那时。如果需要,甚至可以延迟加载API,并根据需要延迟加载。单击/悬停区域贴图按钮时,可以进行快速检查,以查看是否已加载ma对象,如果未加载,则加载贴图控件和贴图。这不仅有助于加载站点,还意味着只有当用户真正想要查看地图时才会加载地图,这将大大减少地图的加载次数。这反过来将产生更少的交易,并使其在许可Bing地图时更便宜。事实上,根据您预期的流量,它可能会允许您保持在免费使用条款内


下面是一篇关于延迟加载地图控件的博客文章:

谢谢。我将尝试一下那个库,以便进行延迟加载。你知道字体吗?不知道你的字体问题。