瀏覽器併發請求資源限制

一. 結論

1、瀏覽器的網絡請求資源數是針對單一域名的。
2、不同瀏覽器，不同http協議版本允許的網絡請求資源數是不一樣的（具體自行百度），不過總的來說在2-8個之間。

二. 頁面加載

假如一個頁面有120個靜態資源（css、js、img），並且所有資源都在一個域名下，使用的瀏覽器最大網絡並行請求資源數是6，假設理想一些：所有請求時間都是一樣的，每個文件加載需要500ms，則所有資源加載完成需要 120/6 * 0.5 = 10s 的時間。

三. 優化方案

1、減少網絡請求數：

（1）使用css spirit，將圖標合成在一張圖中，減少圖片數量，減少http請求數
（2）使用打包工具合併css和js，減少文件數量，減少http請求數

2、增加靜態資源來源

（1）將靜態資源分佈在不同的服務器中，使用多個域名，加大併發量
（2）將靜態資源和html文檔分放在不用的域名下也有另一個原因，每次頁面請求都會將相同域名下的cookie帶給服務器端，實際上靜態資源帶上coo

這裏常見的一個性能小坑是沒有機制去確保URL的哈希一致性（即同一個靜態資源應該被哈希到同一個域名下），而導致資源被多次下載。