前端性能优化 一、页面级优化 二、代码级优化
优化的目的
从用户角度而言，页面加载更快，用户操作相应及时，给用户提供友好的体验
从服务商而言，优化减少页面请求，减少请求带宽，即节省资源
优化分为两类
1、减少http请求数
http请求过程需要经历DNS寻址、与服务器建立连接、发送数据、等待响应、接收数据这些漫长的过程
资源合并、cssSprites、使用图片地图或内联图片、图片懒加载
2、减少DNS查找次数
3、压缩组件
4、使用内容分发网络
5、设置缓存
6、将外部脚本置底
7、将css放在head中
二、代码级优化
DOM操作优化
css选择符优化
图片优化
html结构优化