javascript - 通过 JavaScript 加载 SPDY 和延迟图像

Question

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

Answer 1

如果您要从 JavaScript 加载的图像是静态的（即不是动态生成的，或者是由服务器动态选择的），那么支持 SPDY Push 的 SPDY 服务器可以提供这些图像以及主要资源（通常是 HTML加载 JavaScript 的页面）。

Jetty是为数不多的以透明方式为应用程序支持 SPDY Push 的服务器之一。您可以在此处查看有关 Jetty 的 SPDY 支持的文档，并在此处查看有关SPDY Push 配置详细信息的博客（官方文档即将发布）。

在这里，您可以找到一段视频，展示 SPDY Push 的不同之处。

如果您没有使用启用 SPDY Push 的服务器，那么每个图像都会向服务器生成一个新请求（除非它们被浏览器从以前的请求中缓存）。

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