性能优化的意义毋庸置疑，提升用户体验，节省企业成本。因此性能优化也是所有开发，包括前端开发钻研的方向，也常常是前端面试中的必考点

前端性能优化

一、代码优化

1、HTML优化

• 把CSS放在文件头部，js放在底部（本质是优化浏览器解析过程）
• 字体图标代替图片图标，可以减少对图片资源的请求（本质是减少http请求数量）
• [使用响应式图片](HTML应用——响应式图片 - timegogo)，移动设备加载小体积文件，节省带宽和流量
• 体积较小的图片用base64编码，直接放到html文档中（本质是减少http请求数量）
• 如果小图很多，把小图片合成一张大图片，精灵图的形式（本质是减少http请求数量）

二、加载优化

• 静态资源做CDN缓存（本质是提高http加载速度）
• gzip压缩，服务器配置gzip压缩传输方式（如nginx可以配置），如果浏览器支持gzip解析，服务器就可以推送gzip资源
• [图片懒加载](性能优化——图片懒加载 - timegogo)，对应的可以有：路由懒加载、组件懒加载、各种资源懒加载

三、HTTP优化

• 使用HTTP2.0
• 避免HTTP请求——HTTP缓存技术
• 减少服务器HTTP响应的数据大小——数据压缩

把HTTP2.0放到第一位，因为不同版本缓存字段是不一样的，所以首先得学会怎么控制http版本