DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> css優化技巧自己實踐心得
css優化技巧自己實踐心得
編輯:前端技巧      日期:2016/12/23 11:41:11
1、使用css精靈。

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

2、合並多個css文件為單個css文件。

好處同css精靈

3、使用外部css。

外部css可以被浏覽器緩存,而且便於維護。

4、將css放在head中。

可以參考雅虎的文檔http://developer.yahoo.com/performance/rules.html#css_top

5、使用link而不是import

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

6、使用css簡寫。

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

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

8、減少換行。

9、刪除最後的分號。

10、使用單行注釋。

11、rgb顏色簡寫。

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

13、刪除不使用的樣式。

可以減小文件,縮短浏覽器解析和匹配時間。

14、壓縮css文件。

以上這些都很淺顯,沒有做過多的說明,當然有一些css壓縮工具有優化功能。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved