使用 gzip 压缩组件 - Java EE

Question

我希望提高应用程序的前端性能，因此我在 Firefox 中使用了 YSlow 工具。当我为我的应用程序运行此工具时，在 YSlow 等级选项卡中，它显示了一个问题“使用 gzip 压缩组件时的等级 F”。似乎我们需要在从服务器发送到客户端时压缩文件（js，css）以增加服务器响应时间。

我的应用程序是一个 Struts Java 应用程序。谁能告诉我如何压缩并从服务器发送前端 UI 文件（JS，CSS），以便响应时间增加并且我的页面很快？在服务器上用 Java 压缩这些文件需要做什么？

Answer 1

我建议使用 Servlet Filter （自 servlet 2.3 规范起）

gzip 过滤器有据可查，因此无需重新发明轮子：

• http://raibledesigns.com/rd/条目/the_battle_of_the_gzip
• http://onjava.com /pub/a/onjava/2003/11/19/filters.html

此外，一些 servlet 容器可以动态执行 gzip。看看这个相关问题< /a>.

Answer 2

为了提高 Java EE Web 应用程序的客户端性能，WebUtilities java 库可能会有所帮助。

这是链接::https://github.com/rpatil26/webutilities。

它也可以通过 Maven 中心提供。

从 0.0.4 版本开始，它有助于以下性能实践。

1. 最小化 HTTP 请求 - 可以在一个请求中提供多个 JS/CSS 文件
2. 客户端缓存 - 添加适当的缓存控制、过期标头
3. 动态 JS/CSS 缩小 - 使用 YUICompressor
4. 压缩 - 支持 gzip/deflate/compress 编码的 2way 压缩
5. 响应缓存在服务器上 - 避免重新处理未更改的资源
6. 添加字符编码 - 让浏览器提前知道

Answer 3

我建议使用 Granule Tag lib http://code.google.com/p/capsule/

它 gzip 并结合由 g:compress 标签包装的 JavaScript

代码示例是：

<g:compress>
  <script type="text/javascript" src="common.js"/>
  <script type="text/javascript" src="closure/goog/base.js"/>
  <script>
       goog.require('goog.dom');
       goog.require('goog.date');
       goog.require('goog.ui.DatePicker');
  </script>
  <script type="text/javascript">
      var dp = new goog.ui.DatePicker();
      dp.render(document.getElementById('datepicker'));
  </script>
</g:compress>
...

Answer 4

您通常在应用程序服务器/servlet容器级别配置它。我不知道您使用的是哪一个，所以这里只是一个 Tomcat 目标示例。在 /conf/server.xml 中配置 组件，如下所示：

<Connector compression="on">

就这样。只需添加compression="on"。其他服务器提供了类似的设置。有关详细信息，请参阅其文档。通常它们是完全相同的，因为它们是构建在 Tomcat 之上的。

有关 Java EE Web 应用程序角度的更多 YSlow 提示，您可以找到此 博客文章更有用。

Answer 5

您确定您正在尝试压缩 JS 和 CSS 而不是试图缩小它吗？一般来说，只要 Web 服务器正确设置了缓存标头，JS 和 CSS 就会在第一次访问后由浏览器缓存。在实践中，我发现缩小 JS 和 CSS 通常对于浏览器的初始下载来说已经足够了。

有很多 JS 压缩器。例如，位于此处。