使用这三个HTML缩小工具削减文件大小，前端开发项目

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注释

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

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

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

最后

全网独播-价值千万金融项目前端架构实战

从两道网易面试题-分析JavaScript底层机制

RESTful架构在Nodejs下的最佳实践

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

一线互联网企业如何初始化项目-做一个自己的vue-cli

思维无价，看我用Nodejs实现MVC

代码优雅的秘诀-用观察者模式深度解耦模块

前端高级实战，如何封装属于自己的JS库

VUE组件库级组件封装-高复用弹窗组件

mgconvert.csdnimg.cn/aHR0cHM6Ly9waWMyLnpoaW1nLmNvbS84MC92Mi00NWJjMGI2OWU4YzY2YTcxYzBkNWFiNjczZTkzM2MyZF9oZC5qcGc?x-oss-process=image/format,png)