Just some sharing about java open source and life

Web资源优化工具 wro4j

日期:2010-05-23 12:01 | 作者:JavaChen | 分类目录:OpenSource
208 views

wro4j是一个Web资源优化工具。众所周知,到服务器加载一个大的文件比加载两个小的文件快,因为会增加HTTP交互的次数并且大部分浏览器在任何时候对于同一个服务器,只保持两个连接。开发wro4j项目的目的是减少加载一个页面的请求次数和传输的数据量。
该工具对于存在大量js和css资源文件的web应用,真是太有用了,快去在你的应用中使用该工具吧~
wro4j官方网站:http://code.google.com/p/wro4j/,详细的使用方法可以参照官方说明,这里只是简单的介绍一下该工具。
特性:

  1. 免费开源
  2. 容易设置
  3. 轻量级,核心jar文件只依赖 servlet-api 和 commons-io
  4. 最小化和动态运行
  5. 资源合并
  6. css url重定向
  7. Wildcard support for selecting a bunch of resources
  8. 基于Base64 的图片编码
  9. css变量支持
  10. 更少的css
  11. 扩展性
  12. 缓存

部署Wro4j:
1. 在web.xml配置wro4j Servlet 过滤器
<filter>
<filter-name>WebResourceOptimizer</filter-name>
<filter-class>
ro.isdc.wro.http.WroFilter
</filter-class>
</filter>
<filter-mapping>
<filter-name>WebResourceOptimizer</filter-name>
<url-pattern>/wro/*</url-pattern>
</filter-mapping>
<filter>
<filter-name>WebResourceOptimizer</filter-name>
<filter-class>
ro.isdc.wro.http.WroFilter
</filter-class>
<init-param>
<param-name>configuration</param-name>
<param-value>DEVELOPMENT</param-value>
</init-param>
<init-param>
<param-name>gzipResources</param-name>
<param-value>FALSE</param-value>
</init-param>
<init-param>
<param-name>cacheUpdatePeriod</param-name>
<param-value>60</param-value>
</init-param>
<init-param>
<param-name>modelUpdatePeriod</param-name>
<param-value>600</param-value>
</init-param>
<init-param>
<param-name>jmxEnabled</param-name>
<param-value>false</param-value>
</init-param>
<init-param>
<param-name>mbeanName</param-name>
<param-value>MyApplication</param-value>
</init-param>
<init-param>
<param-name>header</param-name>
<param-value>Expires: Thu, 15 Apr 2020 20:00:00 GMT | Last-Modified: Thu, 15 Apr 2010 20:00:00 GMT</param-value>
</init-param>
</filter>
2.在WEB-INF目录下,创建一个wro.xml的配置文件,并加入资源文件
<?xml version=“1.0″ encoding=“UTF-8″?>
<groups xmlns=“http://www.isdc.ro/wro”
xmlns:xsi=“http://www.w3.org/2001/XMLSchema-instance”
xsi:schemaLocation=“http://www.isdc.ro/wro wro.xsd”>

<group name=“g1″>
<js>classpath:com/javachen/1.js</js>
<css>classpath:comjavachen/1.css</css>
<group-ref>g2</group-ref>
</group>

<group name=“g2″>
<js>/dwr/engine.js</js>
<group-ref>g3</group-ref>
<css>classpath:/static/css/2.css</css>
<js>classpath:/static/*.js</js>
</group>
</groups>
3.在页面引入相应的js和css文件
<html>
<head>
<title>Web Frameworks Comparison</title>
<link rel=“stylesheet” type=“text/css” href=“/wro/g2.css” />
<script type=“text/javascript” src=“/wro/g2.js”></script>
</head>
<body>
</body>
</html>

作者:JavaChen | 分类目录:OpenSource | 标签:
  1. FF下使用回复框无法回复,检查之后发现是有两个textarea,我现在是用FireBug修改之后回复的

回到顶部

无觅相关文章插件,快速提升流量