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