HTML + JavaScript + CSS紧凑工具

Question

我需要一种可以缩小，优化和挖掘那些可能类型的文件的工具

• HTML（仅缩小）
• JavaScript（缩小，优化和挖掘）
• CSS（缩小）

最终结果应该是一个只包含所有JavaScript和CSS的HTML文件，或者分别是HTML，JS和CSS的最差场景3文件。

我知道像YUI Compressor等工具。我目前还没有找到的压缩器类型将适用于所有这些文件类型，并将它们合并到一个巨大的文件中。

Answer 1

Answer 2

我的建议是将所有JavaScrpt放在标题中的<script>内，并将所有CSS放在<style>标记中。然后尽最大努力进行优化，然后自行减少。没有任何软件能够处理每个案例。如果您尝试最小化文件大小，则只需删除换行符和不必要的空格。

我还找到了this，它应该适用于您的文件，其中包含全部3个。

另请注意，如果您开始删除可选标记，则可能会遇到一些问题。有些浏览器的配合不如预期的那么好。

Answer 3

据我所知，没有这样的工具。但是，如果您在服务器端使用PHP，则可以尝试PHP Speedy（不是主动开发，但可以工作）或Minify进行自动缩小，缓存和gzipping（HTML，CSS，JS）。

编辑：kangax的HTML minifier（正如Badger建议的那样）只能进行HTML缩小。

Answer 4

Gad，考虑一下缩小CSS的弊端。如果你没有一个系统，你编辑正常/缩小/然后部署它可以使以后编辑CSS相当冒险。

我在一个国际银行的大型UI刷新项目中经历了这一论点。一个网站特别是每天访问量达到100万以上，并且尽管我们努力保持最小化，但带宽数量仍然是疯狂的（每一点点都会增加一个大量流量的网站）经过一个非常有才华的大型团队的业务分析，它是确定我们会采取几个步骤，但不会因为增加的时间而缩短，因此需要工程师在修复，缩小和重新部署之前撤消缩小以进行简单的CSS调整。数据表明，即使每天带宽增加5GB，但在额外的时间内不支付UI工程师的成本仍然更低。

我们不知道您网站的具体细节，但是有很多人不必担心我的示例使用的流量。在Firebug的新速度分析仪中运行您的站点，看看缩小的真正好处是什么.....现在乘以您的流量。通常，这个数字并不太可怕。花时间做图像精灵，将css和js组合成相应的文件（比由于缓存优势而混合到单个php文件中）以限制http请求，并确保正确设置缓存。运行gzip压缩。如果在这些步骤之后你不好，那就把网站提升到一个新的水平。

保持简单......它对网站生命周期的更新和维护部分产生巨大影响。随着时间和头痛的节省，您可以帮助我们解决问题：）

Answer 5

您可以使用jsCompressor压缩和缩小多个JavaScript文件，并CSS Compressor将多个Css文件压缩/缩小为一个文件。 为了优化您的HTML文件，您可以将代码的发布请求发送到Google Clouser服务器，该服务器使用优化的Html代码发送响应。

Answer 6

http://prettydiff.com/?m=minify将完全满足您的需求，除了它只会缩小JavaScript并且不会混淆它。

Answer 7

我建议您查看html5 Boilerplate中包含的构建脚本：http://html5boilerplate.com/。通过一些最小的调整，它可以做你想做的事。