1. 不使用@import，會(huì)增加加載時(shí)間。

2. 選擇器盡量少于三層，太多層不利于后期維護(hù)，可讀性也比較低。瀏覽器讀取選擇器是從右到左的順序，最右邊的選擇器應(yīng)該具有辨識(shí)度。

3. 通配符和屬性選擇器效率最低，需要匹配的元素最多，盡量避免使用。

4. 首屏的關(guān)鍵樣式使用內(nèi)聯(lián)方式，減少加載時(shí)間。

5. 非首屏樣式使用異步加載，這是使用媒體查詢，在onload時(shí)設(shè)置media為all才開始加載。

???6. 異步預(yù)加載。

? ?7. 利用js動(dòng)態(tài)生成link

? ?8. 文件壓縮。

? ?9. 去除無效的樣式。

? ?10. 盡量不使用需要瀏覽器計(jì)算的樣式，比如box-shadow、border-radius、filter等。

不足之處請(qǐng)指出，謝謝！