跳到内容
🛠️ToolsShed

HTML 压缩工具

删除HTML中的空白、注释和可选标签以减小文件大小。

关于此工具

HTML 缩小化是指在不改变 HTML 功能的情况下删除不必要字符的过程。这包括删除空格、换行符、注释和浏览器可以自动推断的冗余闭标签。通过减小文件大小,缩小化改进了页面加载时间、降低了带宽消耗并提高了整体性能,这些好处直接影响用户体验和 SEO 排名。

要使用此 HTML 缩小器,只需将您的 HTML 代码粘贴到输入区域并点击缩小按钮。该工具自动删除不必要的空白和注释,同时保留标记的语义结构。缩小后的输出会立即显示并可供复制,非常适合每一个字节都很重要的生产部署。

HTML 缩小化对于静态网站、单页应用程序和代码大小影响托管成本的项目特别有价值。该工具尊重内联样式和属性,同时清理整体结构,使其对现代和旧版浏览器都是安全的。如果您使用 webpack 或 Vite 等构建工具,它们通常会自动包含缩小化功能,但此工具非常适合快速优化或学习缩小化的工作原理。

常见问题

代码实现

# pip install htmlmin
import htmlmin

html = """<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- Page title -->
    <title>My Page</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <!-- Main content -->
    <header>
      <h1>Hello, World!</h1>
      <nav>
        <a href="/">Home</a>
        <a href="/about">About</a>
      </nav>
    </header>
    <main>
      <p>
        Welcome to my website.
        This is a paragraph with extra   whitespace.
      </p>
    </main>
  </body>
</html>"""

minified = htmlmin.minify(
    html,
    remove_comments=True,
    remove_empty_space=True,
    reduce_boolean_attributes=True,
)
print(minified)

original_size = len(html.encode("utf-8"))
minified_size = len(minified.encode("utf-8"))
print(f"Original: {original_size} bytes")
print(f"Minified: {minified_size} bytes")
print(f"Savings:  {100 - minified_size / original_size * 100:.1f}%")

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.