网站优化-压缩.JS / .CSS文件

Question

恩，我不知道Google已经拥有一种机制 ，可以为您提供一些提示，说明您可以进行哪些修改以优化网站。 在分析中，我看到了一个有趣的事情，例如压缩js和css文件。 我在Google上搜索了一下，发现了可以帮助解决此问题的工具，例如

gzip /放气

，但我不知道如何使用它们。 Googleling，我看到了类似在我的http标头中放置一个元Accept-encoding的代码：“ gzip，deflate”-但是我不太确定-然后，当您这样做时，当您的网站发出一个请求说“你好，我接受-编码” ：gzip和deflate。”，那么我的服务器将处理所需的所有内容，并返回已经包含所有压缩文件的响应（那是什么？）。

在我所看到的主题中，有一些示例涉及服务器apache，而第一个参考文献是“ 如何优化您的网站” ，但就我而言，服务器是用python编写的。 那么，如何在压缩所有内容并将其全部发送给响应时做神奇的事情？

我知道还有很长的路要走，我想我需要一个很好的参考来说明如何执行此操作。

你经历过这种事情了吗？ 如果是这样，那么，您能提供一些想法吗？

提前致谢。

Answer 1

http://jscompress.com/

这将为您最小化（压缩）文件JS。

http://cssminifier.com/

这与CSS相同

http://www.willpeavy.com/minifier/

为什么不使用HTML呢？

Answer 2

对于您的问题，我可以想到两个答案：

1. “压缩”的JS / CSS可能是指串联和最小化JS / CSS负载的做法。 您可以与cat串联，然后分别与uglifyjs或yuicompressor缩小。 这减少了您发送的单个请求的数量，并提供了可观的廉价收益。 请记住，如果您对不同的视图有不同的依赖关系，则可能需要按页面执行此操作，否则会产生运行不使用的javascript的开销。

2. gzip压缩您所提供的内容必须谨慎。 理想情况下，这只是您在网络服务器上启用的功能。 例如，在Nginx服务器定义中：

    server { gzip_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript; } 

   如果要在Web应用程序级别执行此操作，则可能会引入比压缩和解压缩数据真正值得的延迟更多的延迟。

Answer 3

我用它来将大约23个核心js文件合并为1并压缩它。 https://developers.google.com/closure/compiler/它具有一些有用的设置，例如能够保持js文件的标头/许可文本不变。

它们也具有CSS https://code.google.com/p/closure-stylesheets/的等效项（向下滚动到“最小化”部分）。

如果您认为这是您要尝试的方法，我可以让您从Java设置入手，并创建一个批处理文件来进行合并/压缩。