Web前端性能优化-资源合并与压缩

一、HTML 压缩

1、利用在线网站进行压缩（https://tool.oschina.net/）

2、nodejs 提供了 html-minifier 工具

3、后端模板引擎渲染压缩

 

二、CSS 压缩

1、利用在线网站进行压缩

2、使用 html-minifier 对 html 中的 css 进行压缩

3、使用 clean-css 对 css 进行压缩

 

三、JS 压缩与混乱

1、无效字符的删除

2、剔除注释

3、代码语义的缩减和优化

4、代码保护

 

四、文件合并

（将 a.js、b.js、c.js 合并成一个 a-b-c.js 文件）

1、使用在线网站进行文件合并

2、使用 nodejs 实现文件合并

3、fis3 构建工具