java Web程序使用wro4j合并、压缩js、css等静态资源
在Web项目中,js、css合并压缩,不仅有利于减少Http请求数量、减少宽带资源占用,还能有效的管理各种js、css的引入,使整个项目更加有序。而对于访问用户来说,其更大的好处是增加了页面的打开速度,大大提升了用户体验。
所以,互联网各类网站,会通过各种手段,对静态文件进行合并、压缩,动静分离,使用CDN加速等。以此达到网站访问速度的优化。
everycoding.com官网使用的是Java语言开发。因此使用了Java 方面的第三方Jar:wro4j来压缩Js、CSS。本文主要介绍Java Web程序是如何使用wro4j合并、压缩js、Css等静态资源的。
1. 首先下载wro4j-core.1.6.2.jar,maven管理的项目可使用如下依赖获取架包。
- <dependency>
- <groupId>ro.isdc.wro4j</groupId>
- <artifactId>wro4j-core</artifactId>
- <version>1.6.2</version>
- </dependency>
2. 配置Js、CSS合并策略。新建wro.xml文件,放置在WEB-INF目录下面
即:/src/main/webapp/WEB-INF/wro.xml。以everycoding官网代码为例,配置详情如下:
- <?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="basic">
- <css>/static/css/front.css</css>
- <js>/static/js/jquery.js</js>
- <js>/static/js/jquery.paging.min.js</js>
- <js>/static/js/front/global.js</js>
- <js>/static/js/front/search.js</js>
- </group>
- <group name="custom">
- <css>/static/css/front.css</css>
- <css>/static/css/comment/comment.css</css>
- <css>/static/plugins/syntaxhighlighter/shCore.css</css>
- <js>/static/js/front/coding.js</js>
- </group>
- </groups>
3. 在视图页面引入合并后的js、css.详情可见everycoding.com站点的引入方式
- <link href="/static/css/basic.css?minimize=false&v=1433678168807" rel="stylesheet">
- <script src="/static/js/basic.js?minimize=false&v=1433524342015"></script>
4. 在web.xml中配置wro4j的过滤器,使js、css合并策略生效。代码配置方式如下:
其中,/static/是Everycoding官网放置静态文件的目录,具体配置请参考自身项目
- <filter>
- <filter-name>WebResourceOptimizer</filter-name>
- <filter-class>
- ro.isdc.wro.http.WroFilter
- </filter-class>
- <init-param>
- <param-name>debug</param-name>
- <param-value>true</param-value>
- </init-param>
- <init-param>
- <param-name>disableCache</param-name>
- <param-value>true</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>1</param-value>
- </init-param> <init-param> <param-name>modelUpdatePeriod</param-name> <param-value>1</param-value>
- </init-param> <init-param> <param-name>minimizeEnabled</param-name> <param-value>true</param-value>
- </init-param> -->
- </filter>
- <filter-mapping>
- <filter-name>WebResourceOptimizer</filter-name>
- <url-pattern>/static/*</url-pattern>
- </filter-mapping>
5. Web.xml中配置的wro4j属性Debug的作用
Debug:在开发环境,一般设置为true。生产环境设置为false
那么在开发环境中,将debug设置为true有什么好处呢?
原因是:当debug为false时,视图中引入的js、css都是合并压缩过的代码,尤其是Js,不利于我们开发过程中进行断点调试等工作。
如果,我们想在开发过程中,断点调试Js代码,需要将Debug设置为true。同时,视图引入的js代码部分,需要加上参数:minimize=false。表明:合并,但是不压缩js。
如:/static/js/basic.js?minimize=false
需要注意的时,当debug=false时,这个参数的作用将失效。Js、Css在生成环境一定是压缩的状态。
6. wro4j相关配置属性详解
属性 | 默认值 | 描述 |
debug | true | true代表开发环境,false代表生成环境 |
minimizeEnabled | true | 是否压缩资源 |
gzipResources | true | True,则表明response将开启gzip |
resourceWatcherUpdatePeriod | 0 | 怎样的频率静态资源更新被监控,0表明不监控。 当监控到资源有更新时,则静态资源的缓存失效。 (since 1.4.8) |
resourceWatcherAsync | false | 对异步更新的静态资源的监控,当属性resourceWatcherUpdatePeriod 配置大于0时,这个值才有意义 (since 1.7.3) |
cacheUpdatePeriod | 0 | 怎么样的频率刷新缓存。0表示不刷新静态缓存。 |
modelUpdatePeriod | 0 | 怎样的频率刷新wro.xml合并压缩策略。0表示不刷新。 |
header | 见官网说明 | |
disableCache | false | 是否禁用静态资源缓存1.7.6之后的版本已废弃 |
parallelPreprocessing | false | 是否开启预处理器并行执行,以提高效率 |
connectionTimeout | 2000 | 外部资源访问的超时时间,1.4.5版本后有效 |
managerFactoryClassName | N/A | 默认BaseWroManagerFactory管理 |
encoding | UTF-8 | 设置读写编码格式 |
ignoreMissingResources | true | 为false时,丢失的资源会引发异常产生。True则会忽略这些异常。 |
ignoreEmptyGroup | true | 为false时,空引入链接将失败。True,则忽略。1.4.5之后版本有效。 |
ignoreFailingProcessor | false | 为true时,有问题的资源将以原生的方式引入。 1.4.7版本后有效。 |
cacheGzippedContent | false | 缓存是否使用gzipped的静态内容. since 1.4.4之后版本有效 |
jmxEnabled | true | 是否关闭JMX. |
mbeanName | wro4j | JMX console 见官网 |
Wro4j的详细用法可参考:http://code.google.com/p/wro4j/wiki/Installation
如果Java Web项目希望使用动静分离的方式单独部署静态文件,可参考:http://everycoding.com/coding/67.html
java Web程序使用wro4j合并、压缩js、css等静态资源的更多相关文章
- springMVC下jsp引用外部js,css等静态资源的解决方法
直入主题. 1. web.xml对springMVC配置如下: <servlet> <description>Spring MVC配置</description> ...
- Web网站配置Gzip,压缩js css文件
启用apache的gzip 找到httpd.conf,打开文件找到对mod_deflate的注释 #LoadModule deflate_module modules/mod_deflate.so 去 ...
- Java Web程序工作原理
Web开发的最重要的基本功能是HTTP:Java Web开发的最重要的基本功是Servlet Specification.HTTP和Servlet Specitication对于Web Server和 ...
- uglifyjs 合并压缩 js, clean-css 合并压缩css
本文主要介绍如何通过CLI命令行(也就是终端或者cmd打开的那个shell窗口)实现 js和 css 的合并压缩. uglifyjs 合并压缩 js: 1.安装node 这一步就不多说了,下载node ...
- 在Java Web程序中使用监听器可以通过以下两种方法
之前学习了很多涉及servlet的内容,本小结我们说一下监听器,说起监听器,编过桌面程序和手机App的都不陌生,常见的套路都是拖一个控件,然后给它绑定一个监听器,即可以对该对象的事件进行监听以便发生响 ...
- 在Java Web程序中使用Hibernate
在Java Web程序中使用Hibernate与普通Java程序一样.本文中将使用Servlet和JSP结合Hibernate实现数据库表的增删改查操作. Web程序中,hibernate.cfg.x ...
- @Java web程序员,在保留现场,服务不重启的情况下,执行我们的调试代码(JSP 方式)
一.前言 类加载器实战系列的第六篇(悄悄跟你说,这篇比较水),前面5篇在这里: 实战分析Tomcat的类加载器结构(使用Eclipse MAT验证) 还是Tomcat,关于类加载器的趣味实验 了不得, ...
- PHP动态压缩js,css
PHP动态压缩js,css 列表项 标签: PHP 正式发布产品时,我们希望将项目里的js,css合并压缩,以减少http请求.防止轻易查看源代码. 使用 只需要在头部引入一下代码即可: <me ...
- js css等静态文件版本控制,一处配置多处更新.net版【原创】
日常web开发中,我们修改了js.css等静态资源文件后,如果文件名不变的话,客户端浏览并不会及时获取最新的资源文件,这就很尴尬了 怎么办呢? 1.小白:让客户清除缓存?,No , 不靠谱 2.初级 ...
随机推荐
- Hibernate分页功能数据重复问题
今天遇到一个很憋屈的问题那就是hibernate分页查询中出现重复数据,本来一直没有在意,以为是数据问题,但是一查程序和数据都没有问题,继续深入查看,找到问题了就是order By 时出的问题,唉.. ...
- Javascript中的高阶函数介绍
高阶函数:高阶看上去就像是一种先进的编程技术的一个深奥术语,一开始我看到的时候我也这样认为的. Javascript的高阶函数 然而,高阶函数只是将函数作为参数或返回值的函数.以下面的Hello,Wo ...
- LLVM每日谈之二十 Everything && Clang driver
作者:史宁宁(snsn1984) 近期在读<Getting Started with LLVM Core Libraries>.这是读的第一本LLVM的书.非常多地方尽管讲的是自己知道的东 ...
- 2017.4.19 慕课网-通过自动回复机器人学习mybatis
开发前的分析 1.技能前提 JSP JSTL EL JS/JQUERY Servlet JavaBean JDBC(后期再用mybatis,这样体会更深) MYSQL 2.需求分析和模块划分 (1)基 ...
- 什么是ICE (Internet Communications Engine)
http://user.qzone.qq.com/77811970 直接在google上搜索ICE,出来的结果并不多,所以很多人就认为ICE是个神秘的东西,其实,国内已经有很多大型应用在使用ICE了. ...
- Beautiful Soup 4.4.0 基本使用方法
Beautiful Soup 4.4.0 基本使用方法Beautiful Soup 安装 pip install beautifulsoup4 标准库有html.parser解析器但速度不是很快一般 ...
- Loadrunner中对中文进行UTF-8转码的探索
上一篇 / 下一篇 2010-02-22 15:20:28 查看( 2378 ) / 评论( 2 ) / 评分( 5 / 0 ) 这是一个HTTP接口测试中经常会碰到的问题,目前的服务器采用的都是U ...
- c#关闭excel进程失败的解决方法
解决方法如下: 1.运行命令dcomcnfg -32,打开组件服务 2.找到execl服务,属性中设置交互式用户 2.设置用户权限 3.设置IIS权限
- Sql视图创建语句及修改视图
create view [dbo].[AllUsers] as select u.UserId, u.Firstname, u.Lastname, u.ts, am.Email, au.UserNam ...
- macbook 下SDK Manager 的更新[即使Google被屏蔽了也无所谓]
废话少说,直接说操作步骤: 1. 改动/etc/hosts文件: 右键单击Finder,选择前往目录,输入/private/etc/,敲回车键.将文件/etc/hosts复制到桌面(由于权限受限.无法 ...