web前端之性能优化

1、资源压缩合并，减少http请求

2、浏览器缓存（强缓存、协商缓存），vue中使用keep-alive

3、利用CDN

4、按需加载资源

5、非核心代码异步加载（defer，async）

6、懒加载（页面/组件/图片）

7、节流和防抖（渲染完成后的页面交互优化）

8、减少重排和重绘

9、SSR服务器端渲染（利于SEO优化）

10、图片优化（使用svg，雪碧图，小图片使用iconfont或是转base64）