我需要一个可以缩小、优化和处理这些可能类型的许多文件的工具
- HTML(仅缩小)
- JavaScript(缩小、优化和调整)
- CSS(缩小)
最终结果应该是一个仅嵌入了所有 JavaScript 和 CSS 的 HTML 文件,或者在最坏的情况下,分别为 HTML、JS 和 CSS 的 3 个文件。
我知道 YUI Compressor 等工具。我目前还没有找到适用于所有这些文件类型并将它们合并到一个大文件中的压缩器类型。
我需要一个可以缩小、优化和处理这些可能类型的许多文件的工具
最终结果应该是一个仅嵌入了所有 JavaScript 和 CSS 的 HTML 文件,或者在最坏的情况下,分别为 HTML、JS 和 CSS 的 3 个文件。
我知道 YUI Compressor 等工具。我目前还没有找到适用于所有这些文件类型并将它们合并到一个大文件中的压缩器类型。
如果您还没有使用 gzip,请开始使用它,我们可以关闭它;)
我的建议是将所有 JavaScrpt 放在<script>
标头中的 a 中,并将所有 CSS 也放在<style>
标签中。然后尽你所能优化,然后自己最小化。没有软件能够处理所有情况。如果您试图最小化文件大小,则只需删除换行符和不必要的空格。
我还发现了这个,它应该适用于您的文件,其中包含所有 3 个文件。
另请注意,如果您开始删除可选标签,您可能会遇到一些问题。有些浏览器的合作不如预期的那么好。
据我所知,没有这样的工具。但是,如果您在服务器端使用 PHP,您可以尝试使用PHP Speedy(未积极开发,但可以使用)或Minify进行自动缩小、缓存和 gzip 压缩(HTML、CSS、JS)。
编辑: kangax 的 HTML 缩小器(正如 Badger 建议的那样)只进行 HTML 缩小。
Gad,考虑一下缩小 CSS 的缺点。如果您没有编辑 normal/minify/ 的系统,则部署它可以使以后的 CSS 编辑相当冒险。
我在一家国际银行的大型 UI 更新项目中经历了整个争论。特别是一个网站每天有 100 万以上的访问者,尽管我们尽一切努力将其保持在最低限度,但带宽数量仍然是疯狂的(每一点都在一个流量很大的网站上加起来)经过一大群非常有才华的头脑的业务分析,它是确定我们将采取几个步骤,但不进行 css 缩小,因为工程师在修复、缩小和重新部署以进行简单的 CSS 调整之前需要花费额外的时间来撤消缩小。数据显示,即使带宽提高了 5GB/天,不用支付 UI 工程师的额外时间仍然更便宜。
我们不知道您网站的具体情况,但没有多少人需要担心我的示例使用的流量。在 Firebug 的新速度分析器中运行您的网站,看看缩小的真正好处是什么......现在乘以您的流量。通常,这个数字并不太可怕。花时间制作图像精灵,将 css 和 js 组合到各自的文件中(由于缓存的好处,比混入单个 php 文件更好)以限制 http 请求,并确保正确设置缓存。运行 gzip 压缩。如果在这些步骤之后你还不够好,那么将网站提升到一个新的水平。
保持简单....它对站点生命周期的更新和维护部分产生了巨大的影响。节省了时间和头痛,您可以帮助我们解决我们的问题 :)
您可以使用jsCompressor压缩和缩小多个 JavaScript 文件,使用CSS Compressor将多个 Css 文件压缩/缩小为一个文件。为了优化您的 HTML 文件,您可以将代码的发布请求发送到 Google Clouser 服务器,该服务器使用优化的 Html 代码发送响应。
http://prettydiff.com/?m=minify将完全满足您的需求,只是它只会缩小 JavaScript 而不会混淆它。
我建议您查看 html5 Boilerplate 中包含的构建脚本:http: //html5boilerplate.com/。通过一些最小的调整,它会做你想做的事情。