4.4.1.1页面优化

为什么要优化？

·提升网页响应速度

·对搜索引擎、屏幕阅读器友好

·提高可读性，可维护性

如何优化？

·减少请求

·图片合并

·减少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文件放在标签内

·JavaScript文件放在页面底部前

·减少标签数量

·选择器长度

·耗性能属性

·expression

·filter

·border-radius

·box-shadow

·gradients

·图片设置宽高

·所有表现用CSS实现

·可读性，可维护性

·规范

·语义化

·尽量避免Hack

·模块化

·注释