css優化技巧自己實踐心得分享

1、使用css精靈。

好處是將css中使用的小圖片可以合併為一張大圖片減少了對服務器端的請求，伺服器壓力小，頁面載入速度也快。

2、合併多個css檔案為單個css檔案。

好處同css精靈

3、使用外部css。

外部css可以被瀏覽器快取，而且便於維護。

4、將css放在head中。

可以參考雅虎的文件

5、使用link而不是import

使用import頁面載入的速度會慢。而且在IE中載入順序可能與預期不一致，這將直接導致顯示問題。

6、使用css簡寫。

比如使用margin代替margin-top等的.寫法。

7、相似的樣式放在一起，避免重複書寫。

8、減少換行。

9、刪除最後的分號。

10、使用單行註釋。

11、rgb顏色簡寫。

12、去掉不必要的單位，比如px。

13、刪除不使用的樣式。

可以減小檔案，縮短瀏覽器解析和匹配時間。

14、壓縮css檔案。

以上這些都很淺顯，沒有做過多的說明，當然有一些css壓縮工具有優化功能。