如何进一步改善静态内容加载时间,并删除浏览器似乎无效的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应用程序是否有问题。