1.盡量減少http的請求個數(shù)
2.在頁面頂部，引入css文件
3.將css和js文件放到外部獨立的文件中
4.合并樣式（能簡寫，就不分開寫，能寫群組，就不單寫）
5.縮小樣式文件的大?。苤赜玫臉邮奖M量重用）
6.減少樣式的重寫
7.避免出現(xiàn)空的href和空的src
5.選擇更優(yōu)的樣式屬性
塊級元素橫向顯示? ? ?float flex（彈性消耗資源）塊級元素橫向顯示一定不要用position
6.代碼壓縮
CSS優(yōu)化
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- NO1：鏈接：來源：知乎 CSS 優(yōu)化主要是四個方面： 加載性能這個方面相關(guān)的 best practice 太多了...
- 在當(dāng)今的網(wǎng)絡(luò)中，頁面加載速度是最重要的網(wǎng)站指標(biāo)之一。即使是毫秒也會對用戶體驗、產(chǎn)品產(chǎn)生巨大影響，而緩慢的頁面加載會...
- 內(nèi)聯(lián)不是萬能的 內(nèi)聯(lián)意味著將所有的腳本、樣式和圖片通通嵌入到HTML中； 但是如果所有的圖片都是一樣的，這樣就增加...
- 加載性能： 1 css壓縮：將寫好的css進行打包壓縮，可以減少很多的體積； 2 css單一樣式：當(dāng)需要下邊距和左...
- 1. 縮寫值 2. 避免消耗性能的屬性 3. 選擇器合并 4. 背景圖片優(yōu)化合并 a. 圖片本身的變化 當(dāng)圖片色彩...
