在頁面中除了內容圖片以外的圖片都是修飾圖,去掉無意義修飾圖或者用css替換秀試圖效果是減少HTTP請求次數的有效方式。 一:css替換圖片 圓角 陰影 漸變 等css效果在當前主瀏覽器中已得到廣泛的支持,而在之前是通過圖片來實現這些效果的,比如圓角按鈕 圓角按鈕相對來說只需要要一次HTTP請求,但是 ...
在頁面中除了內容圖片以外的圖片都是修飾圖,去掉無意義修飾圖或者用css替換秀試圖效果是減少HTTP請求次數的有效方式。
一:css替換圖片
圓角 陰影 漸變 等css效果在當前主瀏覽器中已得到廣泛的支持,而在之前是通過圖片來實現這些效果的,比如圓角按鈕
圓角按鈕相對來說只需要要一次HTTP請求,但是若是要求一個div層圓角了!之前是美工切四個角的圖 ,最後再由我們在拼接完成的
,同時還得避免由相容導致的不齊。在這裡至少是4次HTTP請求了,所以能css實現的效果優先用css實現。
二:去掉無意義的圖片
修飾圖也就是對於傳達信息來說是可有可無的,最大的優化就是不要圖片!所以在優化之前要做的,就是和設計師確認設計,設計本
身是否需要用那麼多圖片?還是說可以更簡潔。
優化導圖我會不斷的完善的,現在越來越每一個節點下麵都可以分成很多個方面,很好的幫助自己記憶和理解。