合并的目的是减少请求。 压缩的目的是减少减少请求资源的大小。

对于静态资源(CSS,JS,图片)的优化,可以做

  1. 压缩HTML,压缩就是去除空格等不显示的字符。
  2. 压缩,合并CSS
  3. 压缩,合并,混淆 JS
  4. 雪碧图,压缩成webp格式的图片, 对小图片采用base64格式,或者使用svg

base64格式和svg都是直接写在HTML中的,减少请求,但是增大了HTML体积。

具体图片优化相关,可以查看 Web图片优化.md

  1. 部署到CDN,加快网络请求。

需要注意的是 cdn 域名最好与主站不同,因为可以

  • 防止携带Cookie
  • 同域名下并发请求有上限