[css] 列举CSS优化、提高性能的方法
生活随笔
收集整理的這篇文章主要介紹了
[css] 列举CSS优化、提高性能的方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
[css] 列舉CSS優化、提高性能的方法
加載性能壓縮CSS通過link方式加載,而不是@import復合屬性其實分開寫,執行效率更高,因為CSS最終也還是要去解析如 margin-left: left;選擇器性能盡量少的使用嵌套,可以采用BEM的方式來解決命名沖突盡量少甚至是不使用標簽選擇器,這個性能實在是差,同樣的還有*選擇器利用繼承,減少代碼量渲染性能慎重使用高性能屬性:浮動、定位;盡量減少頁面重排、重繪;css雪碧圖自定義web字體,盡量少用盡量減少使用昂貴屬性,如box-shadow/border-radius/filter/透明度/:nth-child等使用transform來變換而不是寬高等會造成重繪的屬性暫且先這樣吧,看來想回答好,得好好梳理下了。個人簡介
我是歌謠,歡迎和大家一起交流前后端知識。放棄很容易,
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
總結
以上是生活随笔為你收集整理的[css] 列举CSS优化、提高性能的方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: python代码模拟 手写字体
- 下一篇: java+整合handwrite_Jav