1)指定圖像尺寸。加載圖像之前,您的瀏覽器開始渲染頁面。制定圖像尺寸,有助于它環繞不可替代的元素。如果沒有制定尺寸,一旦圖像被下載您的瀏覽器將回流,為了做到這個,筆者建議在< IMG >元素使用高度和寬度標簽規格。注意不要使用尺寸縮放功能的圖像,因為用戶仍然還是需要下載原始文件的大小,筆者認為,其實圖像并不需要多大的屏幕空間,只要能讓用戶看清楚就可以。建議網頁產品圖片最好控制在:500*500像素以內,大小在:50KB左右,這樣打開速度基本不影響。
(2)優化圖像。在使用圖像的過程中,包含了一些額外的東西,比如使用一些無用的顏色,額外的多出的圖片大小。使用之前先對其進行優化,將大小保持在最低程度,嘗試保存JPEG格式,這將幫助很多慢速的網絡用戶。這樣做的原因是為了在保持圖片質量的同時控制其重量,減少服務器的加載時間。