的確，如果一個網站圖片資源過多，無論客戶端網路環境多好，都是會影響頁面載入速度的，因為伺服器上的這些資源被請求時，也會佔用伺服器的上行頻寬。那如果一個站點的圖片較多時，網站該如何最佳化以提高頁面開啟及渲染速度呢？給大家一些建議以供參考：

可能大部分朋友們不知道，瀏覽器對於同個域名下的請求是有併發數限制的，現在主流瀏覽器對於同域請求併發數限制一般在3~5個，不同瀏覽器同域併發參考數值如下：

所以我們可以將動態請求和靜態請求以不同域名來部署，這樣一方面可以突破瀏覽器同域併發請求的限制，另一方面也減少了動靜態請求相互影響的可能。

如果我們把所有的靜態資源（JS檔案、CSS檔案、圖片、音影片等）全部放在源站伺服器，那麼客戶端請求這些資源時都會從源站下載這些資源，要知道，客戶端從伺服器上下載資源時同樣要佔用伺服器上行頻寬的，而一般伺服器的頻寬都有上限限制。當用戶一多，可能會把靜態資源伺服器頻寬佔滿，進而導致所有使用者下載資源都感覺到“慢”。

所以我們要以把靜態資源走CDN加速，CDN本身就是分散式儲存技術，會把源站伺服器上的靜態資源映象一份到CDN節點；另一方面，CDN廠商會在全國各地都部署節點，能確保使用者請求資源是就近請求的，也加快了客戶端請求資源時的速度。

還有很多站點針對圖片資源沒有做惰性載入處理，導致此頁面上所有的圖片都會被下載下來，事實上很多圖片可能還沒有到達使用者的視界就被下載渲染了，這是資源浪費！

我們完全可以只讓在瀏覽器視窗可見範圍內的圖片載入，而需要翻頁才能看見的圖片暫時不載入，這樣就做到了按需載入，可以大大提高頁面的開啟及渲染速度。

這個也就是你理解的“取消img標籤的圖片請求”。

這個很好理解，也有很多APP及網站這樣來做。比如在4G和WiFi環境下載入不同尺寸的圖片，還可以根據網速來載入不同大小的圖片。