Elysia Tools
导航
Development
通过移除注释、折叠空白并压缩内联 CSS/JS 来压缩 HTML
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
HTML 压缩器是一款高效的在线工具，旨在通过移除无用的 HTML 注释、折叠连续的空白字符、删除冗余属性以及压缩内联的 CSS 和 JavaScript 代码，来显著减小 HTML 文件的体积。这有助于加快网页加载速度，提升用户体验并降低服务器带宽消耗。
背景
个人博客首页包含大量的内联样式和脚本，且在开发时保留了许多注释和格式化空格，导致页面体积较大。
问题
页面加载缓慢，影响 Lighthouse 性能评分。
如何使用
将首页的 HTML 源码复制到输入框中，勾选“折叠空白”、“移除注释”以及“压缩内联 CSS”和“压缩内联 JavaScript”选项，然后点击压缩。
collapseWhitespace: true, removeComments: true, minifyInlineCss: true, minifyInlineJs: true结果
成功移除了所有无用注释和多余空格，内联的 CSS/JS 也被精简，HTML 文件体积减少了约 30%，页面加载速度明显提升。
背景
制作了一封包含大量表格布局和内联样式的 HTML 推广邮件，但文件体积超出了某些邮件服务商的限制，可能导致邮件被截断。
问题
需要在不改变邮件视觉效果的前提下，尽可能缩减 HTML 代码的字符数。
如何使用
将邮件 HTML 代码粘贴至工具中，勾选“折叠空白”、“移除冗余属性”和“移除可选标签”选项进行压缩。
collapseWhitespace: true, removeRedundantAttributes: true, removeOptionalTags: true结果
移除了冗余的默认属性和可选闭合标签，文件体积降至安全限制以下，确保了邮件在所有收件箱中完整显示。
不会。该工具仅移除不影响浏览器解析的空白、注释和冗余属性，并安全地压缩内联样式与脚本。
它将代码中连续的多个空格、制表符或换行符缩减为一个空格，从而减少文件体积。
不会。针对特定浏览器（如旧版 IE）的条件注释会被安全保留，只移除普通的 HTML 注释。
可以。勾选“压缩内联 CSS”和“压缩内联 JavaScript”选项即可对 style 和 script 标签内的代码进行压缩。
它是指去掉浏览器可以自动推断的闭合标签（例如 </li> 或 </p>），以进一步精简代码体积。