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很快就會支持它。