前端性能优化

1. 使用路由按需加载，只有打开对应路由的页面才去加载资源
2. 页面图片采用 png 格式的图片，可将图片进行压缩
3. 图片比较小的话，可以用 base64 格式进行加载
4. 图片资源可以，放到 CDN 服务器中
5. 打包的时候，以 Vue 为例，可以在 vue.config.js 中设置

productionSourceMap:false

6. 将静态资源放到静态资源服务器中，比如 七牛云，可以我们分担 带宽 和 流量
   [注]
   CDN 服务器的作用：

• CDN 服务器会做缓存，第二次就不会被加载
• 会设置 cache-control，从而缓存图片
• 会从其他服务器下载图片，分流了，减少了我们自己服务器的压力