使用HTML5缓存清单和Ember / JQuery时的资源加载延迟

时间:2014-10-03 12:10:50

标签: jquery ember.js loading html5-appcache low-latency

TL; DR:

如何进一步改善静态内容加载时间,并删除浏览器似乎无效的300左右in that picture

一些背景

我正致力于提高监控网络应用的性能。 这个应用程序作为iframe集成到其他网站(是啊...)。父网站将在大多数页面更改时再次调用webapp,因此在导航期间经常从头开始加载“webapp小部件”。

我无法控制此设计,并且只能确保对webapp的调用将尽快返回预期内容。

使用Ember.js在webapp中操作数据,一段时间后商店会贬值,并且会再次调用(通过RESTful适配器)进行更新。来自此REST端点调用的JSON是唯一的动态资源。它实际上非常好:客户端缓存控制,服务器端优化等。

为了限制频繁调用静态资源导致的加载时间,我使用了HTML5的缓存。正如您所见in that screenshot,它非常有效。除动态JSON之外的所有数据都以闪电速度从缓存加载。但是,我没有得到的是200毫秒到380毫秒标记之间的延迟。浏览器在做什么?执行Ember.js代码那么长吗? (这非常简单,真的。)另外,为什么在380和450毫秒标记之间没有并行加载资源?甚至两个hbs模板也是按顺序加载的。)

  • 这些真的是我能期待的最佳时期吗?
  • 如果没有,在哪里寻找进一步的优化?

我会根据需要提供代码,但我甚至不确定我的Ember应用程序是否有问题。

0 个答案:

没有答案