前端性能优化指南（修订中）

本文档主要罗列一些常见开发过程中可以处理性能优化指南

JS

脚本后置减少渲染堵塞(js、css)。将script标签放在body后面
给script标签添加defer属性，异步加载，延后执行script资源

文件

文件压缩和强缓存
gzip压缩、Cache-control、Etag
预加载：根据访问页面资源预先加载子页面资源。
使用CDN，DNS预获取网站上静态资源即css、js全都使用cdn分发，图片亦然。

图片

使用响应式图片
延时加载图片
按需加载图片:图片懒加载
使用图标字体
结合使用SVG图
图片裁剪

请求

合并请求和异步请求，缓存请求
多接口合并或异步一起请求。
缓存接口数据，如当前用户信息接口。
HTTP2.0:使用HTTP2.0增加性能。信道复用。

其他

不使用cookie
关键渲染路径（CRP：Critical Rendering Path）
减少dom节点
高性能css
避免重绘（Repaint）和回流（Reflow）
虚拟滚动