缩短加载前端JS app /进行首次JSON API调用的时间的最佳方法

时间:2015-08-14 07:27:57

标签: javascript backbone.js requirejs

我有一个使用Backbone + RequireJS的SPA。 document.ready事件足够早启动(我相信),但我的应用程序启动需要大约500毫秒,也就是说,它是我对服务器API的第一个GET请求。您可以在这两张来自Firefox和Chrome的图片中看到这一点(根据我的说法,Chrome一直需要更长时间才能完成此操作):

Chrome浏览器:

enter image description here

Mozilla浏览器:

enter image description here

一旦将.js(在本例中为.js.gz)文件加载到运行时,JavaScript通常需要大约300-500毫秒才能在您的应用中启动吗?我的申请中等,所以500毫秒似乎极端。

换句话说,JS文件是请求并在时间X加载,并且只有在时间X + 400ms时,前端最终才会发出请求,它应该尽快发生(没有其他的除了运行代码之外,前端正在等待。)

对此有什么好的解释吗?

1 个答案:

答案 0 :(得分:1)

400ms可能是浏览器用于解析和执行脚本的时间。

查看Chrome开发工具中的时间轴标签可能会有所帮助,这对于检查幕后发生的事情将会提供更多信息。