為什么要優(yōu)化妖碉？
·提升網(wǎng)頁響應(yīng)速度
·對搜索引擎涌庭、屏幕閱讀器友好
·提高可讀性，可維護(hù)性
如何優(yōu)化欧宜？
·減少請求
·圖片合并
·減少CSS文件請求
·多個css文件合并為一個
·少量css樣式內(nèi)聯(lián)
·避免使用import的方式引入css文件
·減少文件大小
·減少圖片大小
·選擇合適的圖片格式
-png
-JPG
·壓縮圖片
-ImageOptim
-ImageAlpha
-JPEGmini
·css值縮寫
margin
padding
border
border-radius
font
background
·省略值為0的單位
·顏色值最短表示
·red
·rgb(255,255,0)
·rgba(0,0,0,0.5)
·#333
·CSS選擇器合并
·文件壓縮
·YUI Compressor
·cssmin
·頁面性能
·加載順序
·css文件放在<head>標(biāo)簽內(nèi)
·JavaScript文件放在頁面底部</body>前
·減少標(biāo)簽數(shù)量
·選擇器長度
·耗性能屬性
·expression
·filter
·border-radius
·box-shadow
·gradients
