为什么要优化？
·提升网页响应速度
·对搜索引擎、屏幕阅读器友好
·提高可读性，可维护性
如何优化？
·减少请求
·图片合并
·减少CSS文件请求
·多个css文件合并为一个
·少量css样式内联
·避免使用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>标签内
·JavaScript文件放在页面底部</body>前
·减少标签数量
·选择器长度
·耗性能属性
·expression
·filter
·border-radius
·box-shadow
·gradients
网友评论