Web资源优化工具 wro4j
wro4j是一个Web资源优化工具。众所周知,到服务器加载一个大的文件比加载两个小的文件快,因为会增加HTTP交互的次数并且大部分浏览器在任何时候对于同一个服务器,只保持两个连接。开发wro4j项目的目的是减少加载一个页面的请求次数和传输的数据量。
该工具对于存在大量js和css资源文件的web应用,真是太有用了,快去在你的应用中使用该工具吧~
wro4j官方网站:http://code.google.com/p/wro4j/,详细的使用方法可以参照官方说明,这里只是简单的介绍一下该工具。
特性:
- 免费开源
- 容易设置
- 轻量级,核心jar文件只依赖 servlet-api 和 commons-io
- 最小化和动态运行
- 资源合并
- css url重定向
- Wildcard support for selecting a bunch of resources
- 基于Base64 的图片编码
- css变量支持
- 更少的css
- 扩展性
- 缓存
部署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>
原来是Java Jar包
新主题很漂亮,留言有问题
是jar包,呵呵,公司项目就用了这个jar包
FF下使用回复框无法回复,检查之后发现是有两个textarea,我现在是用FireBug修改之后回复的
这个bug是怎么出现的?哎。。。。就将就着用吧,没时间去折腾php