前端优化之资源压缩

一、基础知识

0x1 浏览器请求过程


请求过程中一些潜在的性能优化点

0x2 资源的合并与压缩

二、资源压缩

0x1 HTML压缩

HTML代码压缩就是压缩这些在文本文件中有意义,但是在HTML中不显示的字符,包括空格,制表符,换行符等,还有一些其他意义的字符,如HTML注释也可以被压缩。

进行html压缩前后效果对比
压缩方式

0x2 CSS压缩


无效代码删除
css语义合并

压缩方式

0x3 Js压缩与混乱

无效字符的删除
剔除注释
代码语义的缩减和优化
代码保护

压缩方式

三、资源合并


合并前的问题:

合并后带来的问题:

解决方案:

合并方式:

可以利用fis3对资源进行压缩。