1，首推的是合併css檔案，如果頁面載入10個css檔案，每個檔案1k，那麼也要比只載入乙個100k的css檔案慢。
2，減少css巢狀，最好不要套三層以上。
3，不要在id選擇器前面進行巢狀，id本來就是唯一的而且人家權值那麼大，巢狀完全是浪費效能。
4，建立公共樣式類，把相同樣式提取出來作為公共類使用，比如我們常用的清除浮動等。
5，減少萬用字元*或者類似[hidden="true"]這類選擇器的使用，挨個查詢所有...這效能能好嗎？當然重置樣式這些必須 的東西是不能少的。
6，巧妙運用css的繼承機制，如果父節點定義了，子節點就無需定義。
8，不用css表示式，表示式只是讓你的**顯得更加炫酷，但是他對效能的浪費可能是超乎你的想象的。
9，少用css rest，可能你會覺得重置樣式是規範，但是其實其中有很多的操作是不必要不友好的，有需求有興趣的 朋友可以選擇normolize.css
10，csssprite，合成所有icon，用寬高加上bacgroud-position的背景圖方式顯現出我們要的icon圖，這是一種 十分實用的技巧，極大減少了http請求。
CSS優化 提高效能的方法有哪些？
優化主要還是朝網路傳輸方面和減少不必要的渲染考慮 1.發布前壓縮css，減少資料傳輸量。2.合併屬性，如margine left 5px margine top 10px 這個就可以合併成一條的。3.合理設計css 布局，注意復用樣式，減少渲染上花的時間。class和id的選擇，少用 這種全域性匹配...
CSS優化 提高效能的方法有哪些？
將樣式盡量寫在單獨的乙個css檔案中，然後在head元素中引用 好處 1.內容和樣式分離，易於管理和維護 2.減少頁面體積 3.css檔案可以被快取 重用，維護成本降低 不使用 import,import影響css檔案的載入速度 避免使用複雜的選擇器，層級越少越好，建議選擇器的巢狀最好不要超過三層簡...
CSS 優化 提高效能的方法
如何提高css效能，根據頁面的載入效能和css 效能，主要總結有下面幾點 1 盡量將樣式寫在單獨的css檔案裡面，在head元素中引用 有時候為了圖方便或者快速搞定功能，我們可能會直接將樣式寫在頁面的style標籤或者直接內聯在元素上，這樣雖然簡單方便，但是非常不利於日後的維護。將 寫成單獨的css...