如何縮小HTML代碼？

Question

我的想法是以某種方式在服務器端縮小HTML代碼，所以客戶端接收的字節數較少。

「minify」是什麼意思？

不是壓縮。更像是，例如，jQuery創作者使用.min .js版本。換句話說，我需要刪除不必要的空格和換行符，但我不能移除HTML表示的更改（例如，刪除段落中實際詞之間的空格）。

有什麼工具可以做到嗎？我知道有HtmlPurifier。它能夠做到嗎？任何其他選項？

P.S.請不要提供regex'ies。我知道只有Chuck Norris可以解析HTML。 =]

Answer 1

您可以將HTML代碼解析爲一個DOM樹（它應該在節點中保留內容空白），然後將其串行化回HTML，而不需要任何美化空間。

Answer 2

有什麼工具可以做到嗎？

是的，這裏是一個工具，你可以包括到構建過程中或工作到一個Web緩存層： http://code.google.com/p/htmlcompressor/

或者，如果你正在尋找一種工具來縮小你粘貼HTML，嘗試： http://www.willpeavy.com/minifier/

Answer 3

可以使用漂亮的diff工具：http://prettydiff.com/?m=minify&html它還將運行如下的HTML代碼中的任何CSS和JavaScript，因此不阻止HTML的未來美化的迴歸方式發生了微小回可讀形成。

Answer 4

晚了一點，但還是......通過使用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();