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.