优化哪些方面
加载速度
呈现效果
图片的优化
常见图片有三类
矢量图：几何图形
位图：像素
交错图：随加载过程模糊到清晰
使用策略
·是否有必要使用图片（可不可以不使用；效果能不能用CSS代替–>套路大列表）
·使用合适的格式（小体积webp；矢量图>位图；内容jpeg,修饰png,动画video/svg>gif）
加载策略<提高用户体验>
·先加载小图onload之后再加载交错大图
·懒加载
·尽量减少http请求,合理的使用雪碧图和base64编码的图片
CssSprites:页面风格多变,经常换肤；无需重复图形内容；不会增加css文件体积
Base64:极小极简单图片，可复用,适用小图标（缺点：css文件体积增大,导致解析时间变长）
其他资源的优化
也适用于图片
·懒加载：图片；组件，模块
·预加载：提前加载下一页；异步加载，提前发送数据请求加载数据资源
·减小传输体积——压缩；减少传输数量——打包
·打包分块，资源复用
·加快速度——静态资源放CDN
·网速，服务器响应,CDN
提高首页/加载速度
·雪碧图
·js放底部，css放头部
·减少DOM数量
·script标签设置异步加载async
·减少DNS查找,允许高度并行下载;
·减少http请求
·设置http头部缓存字段expires,E-tag,last-modified；减少/不使用cookie