web前端最佳化之內容最佳化

標籤：請求   定位   跨域   ack   衝突   iframe   domain   sprite   最小   

前端內容最佳化主要有以下幾條：

1.盡量減少http請求

　　（1）合并檔案，把多個css檔案合并在一起；

　　（2）css Sprites，把css相關的background元素進行背景圖絕對位置；

　　（3）映像地圖；

　　（4）使用data：URL scheme在實際的頁面內嵌影像資料；

2.減少DNS（Domain Name System，網域名稱系統）尋找

　　DNS尋找開銷是很大的。對於國內網站來說，過多的使用站外的widget很容易引起更多的DNS尋找問題。

3.盡量減少重新導向

4.使得ajax可緩衝

　　ajax的回應時間對於使用者的體驗是個至關重要的問題，提高回應時間的有效手段就是cache。

5.延遲載入組件

6.預先載入組件

7.減少DOM元素數量

8.切分組件到多個域

　　主要是提高頁面的並行下載能力，不要跨網域名稱太多，否則和第二條衝突。

9.最小化iframe數量

　　iframe是SEO大忌，對於前端來說，有利有弊。

10.杜絕http 404錯誤

　　

 

web前端最佳化之內容最佳化