使用HTTP2.0

1. 解析速度快
2. 头部压缩
3. 多路复用
4. 服务器推送
5. 浏览器由并发请求限制

预加载

1. 有些资源不需要马上用到，但希望尽早获取
2. 预加载强制请求资源，不会阻塞 onload 事件

预渲染

将下载的文件预先在后台渲染

预渲染可以提高页面的加载速度，但是要确保该页面百分百会被用户，否则白白浪费资源

减少HTTP请求

使用服务端渲染

SSR（service side render）

Gzip压缩

避免重定向

渲染优化

懒执行

将某些逻辑延迟到使用时再计算。该技术可以用于首屏优化，对于某些耗时逻辑并不需要在首屏就使用的，就可以使用懒执行。懒执行需要唤醒，一般可以通过定时器或者事件的调用来唤醒。

懒加载

将不关键的资源延后加载——尽量只加载用户正浏览或即将会浏览的图片

只加载自定义区域（通常是可视区域，但也可以是即将进入可视区域）内需要加载的东⻄

对于图片来说，先设置图片标签的 src 属性为一张占位图，真实的图片资源放入自定义属性data-src 中，当进入自定义区域时，就将自定义属性替换为 src 属性，这样就会下载图片资源

节流防抖

防抖：单位时间内多次触发，只执行最后的那一次，原理：延迟执行，期间但凡有新的触发就重置定时器

节流：单位时间只触发一次，原理：上锁，只有满足一定间隔时间才能执行