HTML/CSS 優(yōu)化、提高性能的方法

1、避免過度約束;

? 2、避免后代選擇符;

? 3、避免鏈?zhǔn)竭x擇符;

? 4、使用緊湊的語法;

? 5、避免不必要的命名空間;

? 6、避免不必要的重復(fù);

? 7、最好使用表示語義的名字;

? 8、避免!import ,可以選擇其他選擇器;

? 9、盡可能的精簡規(guī)則,可以合并不同類型里的 重復(fù)規(guī)則。

? 10、圖片是加載的資源,通過使用精靈圖片減少加載圖片次數(shù);

? 11、能使用字體圖標(biāo)的不適用圖片;

? 12、減少重排和重繪;重排一定會(huì)觸發(fā)重繪,重繪不一定會(huì)觸發(fā)重排

? 13、避免書寫多余命名空間;

? 14、提取公共樣式,提高樣式的可重復(fù)性。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容