通过JavaScript加载SPDY和延迟图像

SPDY and lazy image loading via JavaScript

本文关键字：延迟 图像 SPDY JavaScript 加载 通过      更新时间：2023-09-26

我想通过JavaScript加载一堆图像并将它们插入我的页面。当web服务器支持SPDY时，是每个图像都生成一个新的请求，还是将所有图像请求捆绑到一个SPDY请求中?是否有一些方法可以做到这一点(例如在DOM中创建img标记)和其他不这样做?浏览器的行为有不同吗?

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

Jetty是为数不多的以透明方式为应用程序支持SPDY Push的服务器之一。您可以在这里查看有关Jetty的SPDY支持的文档，以及关于SPDY Push配置细节的博客(官方文档即将发布)。

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

如果您没有使用启用SPDY Push的服务器，则每个图像将向服务器生成一个新的请求(除非浏览器从以前的请求中缓存它们)。

Chrome已经支持SPDY Push, Firefox很快也会支持。

相关文章：