java 压缩css_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管理的项目可使用如下依赖获取架包。

ro.isdc.wro4j

wro4j-core

1.6.2

2.    配置Js、CSS合并策略。新建wro.xml文件,放置在WEB-INF目录下面

即:/src/main/webapp/WEB-INF/wro.xml。以everycoding官网代码为例,配置详情如下:<?xml  version="1.0" encoding="UTF-8"?>

xsi:schemaLocation="http://www.isdc.ro/wro wro.xsd">

/static/css/front.css

/static/js/jquery.js

/static/js/jquery.paging.min.js

/static/js/front/global.js

/static/js/front/search.js

/static/css/front.css

/static/css/comment/comment.css

/static/plugins/syntaxhighlighter/shCore.css

/static/js/front/coding.js

3.    在视图页面引入合并后的js、css.详情可见everycoding.com站点的引入方式

4.    在web.xml中配置wro4j的过滤器,使js、css合并策略生效。代码配置方式如下:

其中,/static/是Everycoding官网放置静态文件的目录,具体配置请参考自身项目

WebResourceOptimizer

ro.isdc.wro.http.WroFilter

debug

true

disableCache

true

WebResourceOptimizer

/static/*

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相关配置属性详解属性默认值描述

debugtruetrue代表开发环境,false代表生成环境

minimizeEnabledtrue是否压缩资源

gzipResourcestrueTrue,则表明response将开启gzip

resourceWatcherUpdatePeriod0怎样的频率静态资源更新被监控,0表明不监控。      当监控到资源有更新时,则静态资源的缓存失效。      (since    1.4.8)

resourceWatcherAsyncfalse对异步更新的静态资源的监控,当属性resourceWatcherUpdatePeriod 配置大于0时,这个值才有意义 (since 1.7.3)

cacheUpdatePeriod0怎么样的频率刷新缓存。0表示不刷新静态缓存。

modelUpdatePeriod0怎样的频率刷新wro.xml合并压缩策略。0表示不刷新。

header见官网说明

disableCachefalse是否禁用静态资源缓存1.7.6之后的版本已废弃

parallelPreprocessingfalse是否开启预处理器并行执行,以提高效率

connectionTimeout2000外部资源访问的超时时间,1.4.5版本后有效

managerFactoryClassNameN/A默认BaseWroManagerFactory管理

encodingUTF-8设置读写编码格式

ignoreMissingResourcestrue为false时,丢失的资源会引发异常产生。True则会忽略这些异常。

ignoreEmptyGrouptrue为false时,空引入链接将失败。True,则忽略。1.4.5之后版本有效。

ignoreFailingProcessorfalse为true时,有问题的资源将以原生的方式引入。      1.4.7版本后有效。

cacheGzippedContentfalse缓存是否使用gzipped的静态内容. since 1.4.4之后版本有效

jmxEnabledtrue是否关闭JMX.

mbeanNamewro4jJMX    console 见官网

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值