【问题标题】:HTML online minimizer/compressor? [closed]HTML 在线最小化器/压缩器? [关闭]
【发布时间】:2010-12-11 21:47:31
【问题描述】:

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

意思是,压缩/最小化所有嵌入的 CSS、JavaScript 以及该网页的 HTML,同时还删除不需要的 HTML/CSS/JavaScript cmets、空格、制表符等?

【问题讨论】:

  • 我不会太担心缩小。确保至少先 gzip 输出,因为这会产生更大的不同。
  • @Disgruntled:这是一个兼而有之的情况。为获得最佳结果,请缩小 gzip。不缩小意味着你所有的 cmets 都会公开,或者你不写 cmets,这两者都属于 Bad Idea 类别。
  • @T.J.克劳德:当然。我只是想指出 gzip 比缩小重要得多,至少是一个数量级。单独使用 gzip 和 minify+gzip 几乎没有区别。
  • @Disgruntled:我不认为相对优点是类似。以 jQuery 为例。未压缩,未压缩它是 236,202 字节(v1.6.2)。刚刚缩小为 91,556 (38.76%)。通过 Google 的 CDN (28.96%) 将其 gzip 压缩为 68,405(使用 Google 的因为命令行 gzip 会稍微做得更好)。这两者之间没有一个数量级的差异。 (当然,我们想要的是两者:32,178 [13.62%])。
  • @T.J. Crowder:不同之处在于,在 jquery 中,每个函数和属性名称都可以重命名,在大多数情况下,将 8 或 9 甚至 14 或 15 个字母长的函数名称转换为 1 个字母的函数名称。 HTML不能像那样压缩。标签名称和属性名称和 id 必须全部保持不变。

标签: html compression minimize optimization


【解决方案1】:

Juriy Zaytsev 用 Ja​​vaScript 编写了一个 HTML 压缩器,您可以在此页面上在线使用它:http://kangax.github.com/html-minifier/

正如警告所说,它仍是早期的 Alpha 版,因此可能存在错误。谨慎使用!

【讨论】:

【解决方案2】:

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

【讨论】:

  • 不删除 cmets,仍然会留下一些不必要的空白(例如换行符)。
  • @T.J. Crowder - 它确实删除了 cmets 并且剩余的空白是必要的。请阅读文档以了解原因。
  • 嘿@Austin,很高兴在这里见到你。我当时评论的工具并没有删除 cmets(我测试过),并留下了不必要的换行符(实际上,在没有 cmets 的 JS 中,没有必要的换行符;只有必要的分号)。该工具现在看起来完全不同,并且确实删除了 cmets 和换行符。可悲的是,它在影响分号插入的地方删除了换行符,而没有插入必要的分号——从而改变了代码。 Example(不是dissing。)我喜欢有意义的差异工具的想法,看起来非常有用。最好的,
  • 添加了自动分号插入!
【解决方案3】:

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

它使用 Yahoo YUI 压缩器和用于 JavaScript 的 Google Closure 编译器。

在这里查看:HTMLcompressor.com

【讨论】:

    【解决方案4】:

    这是迄今为止我发现的最好的缩小器。

    在这里查看:Html, Javascript as well as CSS minifier

    【讨论】:

      【解决方案5】:

      https://stackoverflow.com/questions/728260/html-minification 的副本?

      如果你真的不需要在线工具,那么适用于 Firefox 的 PageSpeed 插件和 Yahho 压缩器都是非常好的压缩工具。此外,PageSpeed 工具可以提示您要更改哪些内容,以及哪些更改会带来最大的速度/大小变化。

      【讨论】:

        【解决方案6】:

        我遇到了一个脚本,它可以即时缩小您的 HTML、内联 CSS、内联 Javascript。

        在这里查看Dynamic Website Compressor

        【讨论】:

          【解决方案7】:

          我建议你试试WebMarkupMin Online

          【讨论】:

            【解决方案8】:

            这些是完美的缩小器:

            对于 JavaScript http://javascript-minifier.com/

            对于 CSS http://cssminifier.com/

            对于 PNG http://pngcrush.com/

            对于 JPEG http://jpgoptimiser.com/

            【讨论】:

              【解决方案9】:

              我使用HTML JavaScript CSS Minifier 来缩小整个 HTML 代码(包括 CSS 和 Javascript)。

              您还可以对 Javascript minifier encryptor 上的 Javascript 部分进行加密,使其可读性降低,但会增加文件的大小。

              【讨论】:

                猜你喜欢
                • 2010-09-06
                • 2011-08-01
                • 2011-07-17
                • 1970-01-01
                • 1970-01-01
                • 2011-01-03
                • 1970-01-01
                • 2010-10-10
                • 1970-01-01
                相关资源
                最近更新 更多