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 构建工具

 

猜你喜欢

转载自www.cnblogs.com/Leophen/p/12708714.html