静态资源优化
资源合并：js、css合并，雪碧图：减少http的请求次数，节省网络请求时间<br>
资源压缩：js、css、图片压缩，http传输gzip压缩：减少请求返回的数据量<br>
静态资源缓存机制<br>
强缓存<br>
Expires<br>
Cache-Control
协商缓存
Last-Modified/If-Modified-Since
静态资源CDN分发：客户端可以通过最佳的网络链路加载静态资源
权衡DNS的查找，DNS预解析
尽量使用字体图标或SVG矢量图替代png图片
懒加载，减少首屏http请求数<br>
页面渲染速度优化
css放在顶部，优先渲染
js放在底部，避免阻塞
图片懒加载
js中避免嵌套循环和死循环
减少DOM元素数量
减少重绘重排<br>
减少dom操作
对Dom操作做缓存
将多个dom操作合并执行，比如要设置多个样式，将设置样式全放在一起设置
img标签要设置宽高
vue/react框架采用虚拟dom的渲染方案，在内存中进行dom diff，做到最小化的操作真实dom<br>
事件节流，比如监听输入框的文字改变事件
