網站小圖片可能並不小!正是它們拖垮了網站速度!
網站的訪問速度由伺服器速度、網頁本身反應速度和大小、瀏覽者網速三個關鍵因素所決定。而網頁本身大小主要由頁面的html程式碼、CSS檔案、JS檔案、圖片構成,其中圖片佔比一般都是在50%以上,因此頁面所有圖片的載入大小直接影響網頁的速度。
一般我們直觀的認為,網頁上圖片看起來很小,那麼圖片的容量應該也會比較小,其實這是一種誤導。我們看到的圖片展示尺寸小,並不意味著圖片的容量小!這裡需要注意兩個問題:
1、同樣尺寸的圖片,使用不同的格式及畫素,圖片容量大小會相差非常大,譬如一般PNG和GIF的圖片相比於畫素一般的jpg圖片所佔容量要大很多,米拓建站建議大家上傳圖片時,先處理圖片的大小,儘量控制在300Kb以內,內容和列表圖片儘量控制在幾十KB;
2、網頁上看起來很小的圖片很可能載入的原圖非常大,只是前端開發人員使用了css和html語言控制了圖片的顯示大小,而規範的建站系統,一般都會在列表頁採用系統生成的縮圖顯示,如米拓企業建站系統,列表就會使用管理員在後臺上傳的原圖根據列表設定的圖片大小按需自動生成縮圖,從而有效的控制圖片大小。