如何缩小 HTML 代码？

Question

我的想法是以某种方式缩小服务器端的 HTML 代码，以便客户端接收更少的字节。

“缩小”是什么意思？

不拉拉链。更像是，例如，jQuery 创建者使用 .min.js 版本。换句话说，我需要删除不必要的空格和换行符，但我无法删除太多 HTML 表示的更改（例如删除段落中实际单词之间的空格）。

有没有什么工具可以做到这一点？我知道有 HtmlPurifier。它能做到吗？还有其他选择吗？

PS 请不要提供正则表达式。我知道只有 Chuck Norris 可以用它们解析 HTML。 =]

Answer 1

有点晚了，但仍然......通过使用output_buffering，就这么简单：

function compress($string)
{
    // Remove html comments
    $string = preg_replace('/<!--.*-->/', '', $string);

    // Merge multiple spaces into one space
    $string = preg_replace('/\s+/', ' ', $string);   

    // Remove space between tags. Skip the following if
    // you want as it will also remove the space 
    // between <span>Hello</span> <span>World</span>.
    return preg_replace('/>\s+</', '><', $string);      
}

ob_start('compress');

// Here goes your html.    

ob_end_flush();

Answer 2

您可以将 HTML 代码解析为 DOM 树（应在节点中保留内容空白），然后将其序列化回 HTML，而不需要任何美化空格。

Answer 3

有没有什么工具可以做到这一点？

是的，这里有一个工具，您可以将其包含到构建过程中或用于 Web 缓存层：
https://code.google.com/archive/p/htmlcompressor/

或者，如果您正在寻找一个工具来缩小粘贴的 HTML，请尝试：
http://www.willpeavy.com/minifier/

Answer 4

您可以使用 Pretty Diff 工具：http://prettydiff.com/?m=minify&html 它还会缩小 HTML 代码中的任何 CSS 和 JavaScript，并且缩小以回归方式进行，因此不会阻止将来将 HTML 美化回可读形式。

Answer 5

有没有什么工具可以做到这一点？

您可以使用CodVerter Online Web Development Editor来压缩混合html代码。
压缩机经过多次可靠性和准确性测试。
（全面披露：我是开发人员之一）。