載入效能
壓縮css
通過link方式載入，而不是@import
復合屬性其實分開寫，執行效率更高，因為css最終也還是要去解析如 margin-left: left;
選擇器效能
盡量少的使用巢狀，可以採用bem的方式來解決命名衝突
盡量少甚至是不使用標籤選擇器，這個效能實在是差，同樣的還有*選擇器
利用繼承，減少**量
渲染效能
慎重使用高效能屬性：浮動、定位；
儘量減少頁面重排、重繪；
css雪碧圖
自定義web字型，盡量少用
儘量減少使用昂貴屬性，如box-shadow/border-radius/filter/透明度/:nth-child等
使用transform來變換而不是寬高等會造成重繪的屬性
暫且先這樣吧，看來想回答好，得好好梳理下了。
CSS效能分析，如何優化CSS提高效能
其實，不規範的css會導致很多效能問題，這些問題可能在一些小的專案中不夠明顯，但是在大型專案中就會顯現出來。在優化css之前我們需要了解下css是怎麼進行工作的，我們都知道css是由選擇器，屬性和屬性值構成的。我們可能會這樣寫上一行 css con loulan1 p span html div c...
CSS效能分析，如何優化CSS提高效能
其實，不規範的css會導致很多效能問題，這些問題可能在一些小的專案中不夠明顯，但是在大型專案中就會顯現出來。在優化css之前我們需要了解下css是怎麼進行工作的，我們都知道css是由選擇器，屬性和屬性值構成的。我們可能會這樣寫上一行 css con loulan1 p span html div c...
CSS 優化 提高效能的方法
如何提高css效能，根據頁面的載入效能和css 效能，主要總結有下面幾點 1 盡量將樣式寫在單獨的css檔案裡面，在head元素中引用 有時候為了圖方便或者快速搞定功能，我們可能會直接將樣式寫在頁面的style標籤或者直接內聯在元素上，這樣雖然簡單方便，但是非常不利於日後的維護。將 寫成單獨的css...