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