將一張大圖分割成4張較小的圖像是否會縮短加載時間？

Question

你有一個大的圖像保存爲PNG格式，其大小約爲600KB。當訪問者來訪時，圖像完全加載需要幾秒鐘的時間，這絕對不是好事。

我很好奇，如果將圖像拆分成更小的部分會減少訪問者的整體加載時間。

Answer 1

由於現代瀏覽器可以在同一時間（在pararell中）加載這些圖像，所以將大圖片切片成小圖片可以縮短加載時間。 但每幅圖像需要裝載流動時間：

1. 瀏覽器使得reques
2. 等待響應，
3. 然後加載。

因此，對於較小的圖像：最好做出更大的圖像：稱爲精靈（只需要一個HTTP請求）。對於真的很大，最好切片（加載時更好的UI體驗）。

Answer 2

如果您拆分圖像，然後將該圖像拆分到不同的域上，應該並行下載圖像。儘管由於連接速度較慢的人而使用較小的圖像仍然是一個更好的選擇，這仍然有很多。

Answer 3

如果您的網絡服務器可以提供訪問者的整個帶寬，那麼在加載時間上可能沒有區別。但如上所述，最好使用小尺寸的良好壓縮。您可以提供一種可能性（如縮放按鈕），使訪問者可以使用「高質量」版本。