1. 程式人生 > >CSS 優化、提高效能的方法有哪些?

CSS 優化、提高效能的方法有哪些?

CSS優化主要是4個方面:

  • 載入效能
    主要是從減少檔案體積,減少阻塞載入,提高併發方面入手
  • 選擇器效能

  • 渲染效能

  • 可維護性

較為具體的優化方案:
慎重使用高性屬性:浮動、定位;
去除空規則;
屬性值為0時,不加單位;
屬性值為浮點數0.**時,可以省略小數點前的0;
標準化各種瀏覽器字首,帶瀏覽器字首的在前,標準的在後;
不使用@import字首,它會影響css載入速度;
充分利用css繼承屬性,減少程式碼量;
抽象提取公用樣式,減少程式碼量;
選擇器優化巢狀,儘量避免層級過深;
將css檔案放在頁面的最上面;