2009-10-31 58 views
20

有谁知道一个好的在线生成器可以获取HTML页面的源代码并压缩/最小化整个页面。HTML在线最小化器/压缩器?

意思是说,压缩/最小化所有嵌入的CSS,JavaScript和显然该网页的HTML,同时也删除不需要的HTML/CSS/JavaScript注释,空格,选项卡等?

+1

我不会过分担心缩小。确保你至少要先将你的输出压缩,因为这会产生更大的差异。 – DisgruntledGoat 2009-11-01 17:09:10

+4

@Disgruntled:这是一个既/和情况。为了获得最佳效果,请缩小*和* gzip。不缩小意味着您的所有评论都会公开发布,或者您不写评论,这两者都属于糟糕的主意类别。 – 2011-07-02 10:46:17

+0

@ T.J。克劳德:当然。我只想指出gzip比缩小更重要,至少数量级是如此。 gzip和minify + gzip之间的区别几乎没有。 – DisgruntledGoat 2011-07-03 22:11:18

回答

5

http://prettydiff.com/ - 这是用JavaScript编写的,因此您可以立即在浏览器中使用它。

+2

不删除注释,仍留下不必要的空白(如换行符)。 – 2010-05-22 15:29:37

+0

@ T.J。 Crowder - 它确实删除了评论,剩余的空白是必要的。请阅读文档以解释原因。 – austincheney 2011-07-01 17:35:10

+0

嘿@奥斯汀,很高兴在这里见到你。我当时评论的工具没有删除评论(我测试过)并留下不必要的换行符(事实上,在JS sans评论中,有**没有**必要的换行符;只有必要的分号)。该工具现在看起来完全不同,并确实删除了注释和换行符。不幸的是,它会在影响分号插入而不插入必要分号的地方删除换行符,从而更改代码。 [实施例](http://jsbin.com/edurud0)。 *(不是dising。)*我喜欢有意义的差异工具的想法,看起来非常有用。最好, – 2011-07-02 08:33:18

0

重复的https://stackoverflow.com/questions/728260/html-minification

如果你真的不需要在线工具,那么Firefox的PageSpeed插件和Yahho压缩器都是非常好的缩小器。另外PageSpeed工具可以给你提示改变什么,以及哪种改变会给速度/尺寸带来最大的改变。

11

Juriy Zaytsev写在JavaScript的HTML minifier,您可以在此页面上在线使用:http://kangax.github.com/html-minifier/

正如警告说,它仍然是一个早期的alpha,所以可能有错误。谨慎使用!

+2

你可以在这里阅读更多关于它的信息:http://perfectionkills.com/experimenting-with-html-minifier/ – 2010-11-24 12:10:04

3

有一个在线压缩器可以最大限度地减少所有嵌入的CSS和JavaScript块以及HTML。它生成一个单行输出代码,该代码呈现为原始文档并尊重文档结构。

它使用Yahoo YUI Compressor和Google Closure编译器进行JavaScript。

这里检查它:HTMLcompressor.com

0

我碰到一个脚本,将运行如下的HTML,CSS内联,内联JavaScript上飞出来。

入住这里Dynamic Website Compressor