SPDY和惰性图像通过JavaScript加载

Question

我想通过JavaScript加载一堆图像并将它们插入到我的页面中。当Web服务器支持SPDY时，每个映像是否会生成新请求，或者是否所有映像请求都捆绑为一个SPDY请求？有没有这样做的一些方法（例如在DOM中创建img标签）以及其他方法？浏览器行为有差异吗？

Answer 1

如果您要从JavaScript加载的图像是静态的（即，不是随时产生的或者由服务器实时选择的），则支持SPDY Push的SPDY服务器可以将这些图像与主要资源（通常是加载JavaScript的HTML页面）。

Jetty是为应用程序以透明方式支持SPDY Push的少数服务器之一。 您可以查看关于Jetty的SPDY支持here的文档，以及有关SPDY Push配置here（官方文档即将推出）的详细信息的博客。

Here你可以找到一个视频，显示SPDY Push的不同之处。

如果您未使用启用了SPDY Push的服务器，则每个映像都会向服务器生成一个新请求（除非浏览器根据以前的请求缓存了这些请求）。

Chrome已经支持SPDY Push，Firefox很快就会支持它。