使用这三个HTML缩小工具削减文件大小(1)

首先，重要的是要指出这两个操作是不相同的，并且不能达到相同的结果。

缩小结果将创建一个由完全有效的代码组成的文件，浏览器可以解析和执行该文件，就像同一文件的未缩小版本一样。另一方面，

Gzipping查找所有重复的字符串，并将其替换为指向该字符串的第一个实例的指针。…在网络上，gzip压缩直接由您的服务器完成。…服务器压缩文件，然后通过网络将其发送。浏览器会在使用文件之前接收文件并将其解压缩。

克里斯·科耶（Chris Coyer）讲CSS技巧

也就是说，同时使用这两种技术可以节省一些字节。例如，在GZipping与缩小HTML文件的效果中，Mads Kristensen讨论了一个小实验，包括缩小和gzip解压缩四个流行网站（即amazon.com，cnn.com，twitter.com和xbox.com）的HTML文件。 。结果表明，通过同时进行gzip和缩小，文件大小减少了9-16％。

以下工具将自动为您完成缩小过程。

Report Advertisement

最小化

---

Minimize是基于node-htmlparser2的开源服务器端HTML5缩小器。

该工具：

• 可以缩小HTML5代码（不是较旧的HTML草案，没有内联PHP代码或模板文件）

• 高度可配置

• 可以区分条件IE注释

… 和更多。您可以访问GitHub上的项目页面以了解更多详细信息。

Will Peavy的HTML Minifier

---

该HTML Minifier是用PHP内置HTML微小的在线工具。

要使用它，请将您的HTML粘贴到文本框中，包括您可能已添加到标记中的所有CSS和JavaScript，然后单击“ _缩小”_按钮。

为确保脚本在缩小后仍能正常工作，Peavy建议您以分号（;）终止JavaScript语句，并使用多行注释（/* */）

Kangax HTML Minifier

---

Kangax HTML Minifier是具有强大功能的基于JavaScript的HTML Minifier。

这些只是该工具的功能之一：

• 删除HTML注释

• 从样式和脚本中删除注释

• 删除CDATA部分

• 删除属性的引号

• 删除不必要的属性

• 删除空白属性

• 通过HTMLLint验证输入

您可以根据自己的需要配置每个选项。
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！有需要的程序猿（媛）可以帮忙点赞+点击【学习资料】即可免费领取！

ttps://bbs.csdn.net/topics/618191877)即可免费领取！

[外链图片转存中…(img-0NHbSdmR-1713690998782)]

[外链图片转存中…(img-eiyAfhGt-1713690998783)]