JavaWeb开发分享：WRO

最新推荐文章于 2021-02-12 20:14:08 发布

开心的D哥

最新推荐文章于 2021-02-12 20:14:08 发布

阅读量2.7k

点赞数

分类专栏： Java Web Java 文章标签： java web 性能 wro

本文链接：https://blog.csdn.net/cloud_ll/article/details/41909161

版权

Java 同时被 2 个专栏收录

106 篇文章 0 订阅

订阅专栏

Java Web

52 篇文章 0 订阅

订阅专栏

WRO是为了提高Java Web前端的性能而出现的技术，简单来说它的功能就是压缩(processor)和组合文件(group)，减少文件传输次数和大小。

There are countless articles related to web performance. The most comprehensive one is performed by researchers from Yahoo. They have identified a number of best practices for making web pages fast. You can find the details here. They have created a tool called YSlow: which analyzes web pages and tells you why they're slow based on the rules for high performance web sites. YSlow is a Firefox add-on integrated with the popular Firebug web development tool.

The aim of wro4j project is to help application developed on java platform to address a couple of those problems described by Yahoo research. More, exactly it is about "Minimize HTTP Requests" and "Gzip Components".

为了使用WRO，需要在web.xml加入filter，在web应用中加入wro4j-core.jar，在web-int文件夹下面加入wro配置信息。

WRO configuration in web.xml

<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>

WRO configuration in maven pom.xml

        </dependency>
        <dependency>
            <groupId>ro.isdc.wro4j</groupId>
            <artifactId>wro4j-core</artifactId>
        </dependency>

WRO properties and xml

debug=false
managerFactoryClassName=ro.isdc.wro.manager.factory.ConfigurableWroManagerFactory
preProcessors=cssUrlRewriting,semicolonAppender,cssMinJawr
gzipResources=false
encoding=UTF-8
ignoreMissingResources=false
postProcessors=cssVariables,jsMin
uriLocators=servletContext,uri,classpath

more details: https://code.google.com/p/wro4j/wiki/ResourceTypes https://code.google.com/p/wro4j/wiki/AvailableProcessors

WRO xml file

<?xml version="1.0" encoding="UTF-8"?>
<groups xmlns="http://www.isdc.ro/wro">
    <group name="system-scripts">
        <js>classpath:META-INF/resources/webjars/jquery/1.9.0/jquery.min.js</js>
        <js>classpath:META-INF/resources/webjars/bootstrap/3.0.2/js/bootstrap.min.js</js>
        <js>classpath:META-INF/resources/webjars/jquery-cookie/1.3.1/jquery.cookie.js</js>
        <js>/scripts/script.js</js>
    </group>
</groups>

最后在jsp文件中把要引用的javascript链接改成如下：

<span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;"></span><pre name="code" class="html" style="font-size: 13.3333339691162px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;">  <script type="text/javascript" src="/wro/system-scripts.js"></script></span>

Note:

1. css文件类似，把css group起来，然后引入group.css

2. wro properties文件可以不用自己写，在maven中有好插件： wro4j-maven-plugin