查文庫>心得體會> css最佳化技巧自己實踐心得分享

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

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壓縮工具有最佳化功能。