[css] 列舉CSS優化、提高性能的方法
加載性能
壓縮CSS
通過link方式加載，而不是@import
復合屬性其實分開寫，執行效率更高，因為CSS最終也還是要去決議如 margin-left: left;
選擇器性能
盡量少的使用嵌套，可以采用BEM的方式來解決命名沖突
盡量少甚至是不使用標簽選擇器，這個性能實在是差，同樣的還有*選擇器
利用繼承，減少代碼量
渲染性能
慎重使用高性能屬性：浮動、定位；
盡量減少頁面重排、重繪；
css雪碧圖
自定義web字體，盡量少用
盡量減少使用昂貴屬性，如box-shadow/border-radius/filter/透明度/:nth-child等
使用transform來變換而不是寬高等會造成重繪的屬性
暫且先這樣吧，看來想回答好，得好好梳理下了，
個人簡介
我是歌謠，歡迎和大家一起交流前后端知識，放棄很容易，
但堅持一定很酷，歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/262898.html
標籤：其他
下一篇：2021-02-23