javascript - 使用 Javascript 延迟加载图像是否保留了 HTTP2 的优点？

Question

我使用 HTTP2 加载网站上的所有图像，并且在几个地方我还使用 jQuery 插件进行延迟加载，即仅在图像进入视口(viewport)时加载图像。

我的问题是，使用Javascript以这种方式加载图像是否会抵消HTTP2的好处？它们不是一次并行加载许多图像，而是一张一张地加载，或者一次加载几个图像，这感觉就像回到了 HTTP1。浏览器通过JS加载资源时还使用多路复用吗？

Answer 1

无论您是通过 HTML 标签(如 <img> )还是通过 Javascript(XHR 或 fetch API)加载资源或图像，对于浏览器来说都无关紧要。它仍然会根据服务器的功能而不是根据您请求资源的方式来选择协议(protocol)(HTTP/1.1 或 HTTP/2)。

这也意味着对于通过 Javascript 加载任何内容，如果服务器支持，您将使用 HTTP/2 和多路复用。当然，您还可以利用 HTTP/2 功能，例如只需创建单个 TCP 连接和 header 压缩。但是，如果您的库一次仅发出一个请求，则可能无法充分利用 HTTP/2 的潜力，因为此时只会利用单个 HTTP/2 流。在这种情况下，检查该库是否可以配置为一次加载多个并行资源可能是有意义的。