05资源优化-01资源的压缩与合并

1.HTML 压缩

1.1 使用在线工具进行压缩

1.2 使用html-minifier等npm工具

html-minifier

它还提供了在线的压缩（在线压缩）方式；

2. css压缩

2.1 使用在线工具进行压缩

2.2 使用clean-css等npm工具

html-minifier也可以压缩css，而且使用的就是clean-css。

3. js的压缩与混淆

使用webpack等构建工具对js进行压缩。（详情可参考 构建优化 ）

4. css 、js文件合并

文件合并可避免下载时的网络的多次请求耗时。

• 比较多的小文件进行合并。（太大文件合并会增加传输耗时）
• 无冲突且服务于相同的模块，可进行合并（推荐渐进式加载）。
• 仅仅为了加载的优化，不建议进行文件合并。

---

无论是HTML、css还是js，并不一定要进行压缩，比如HTML和css，它的压缩空间都比较小，除非要进行极致的优化；要根据当前的实际情况，判断用哪种方式能达到最大的优化效果，再逐步进行其他的优化。