- 使用路由按需加载,只有打开对应路由的页面才去加载资源
- 页面图片采用 png 格式的图片,可将图片进行压缩
- 图片比较小的话,可以用 base64 格式进行加载
- 图片资源可以,放到 CDN 服务器中
- 打包的时候,以 Vue 为例,可以在 vue.config.js 中设置
productionSourceMap:false
- 将静态资源放到静态资源服务器中,比如 七牛云,可以我们分担 带宽 和 流量
[注]
CDN 服务器的作用:
- CDN 服务器会做缓存,第二次就不会被加载
- 会设置 cache-control,从而缓存图片
- 会从其他服务器下载图片,分流了,减少了我们自己服务器的压力