GZip压缩和按需装载提升Ext Js的性能

ext-all.js这个文件都有500多k，在页面中直接引用这个js文件是很不现实的，曾经在一个大的项目中使用这个js，则直接导致页面半天出不来的后果。于是自己研究了下，目前通过下面的方法来优化提升Ext Js的性能（转载请注明出处 http://blog.csdn.net/selley ）：

• 使用JSVM、

        JSVM (JavaScript Virtual Machine的缩写)，一个JavaScript基础框架，sourceforge开源项目，由万常华（wch3116）于2003年底发起, 目前最新版本是2.05,采用的是 BSD License 授权协议。本身JSVM也提供了JSVM+Ext2的实例，看看就知道怎么在JSVM下加入ext的js库了。

       （不知道为什么jsvm官网上不去了）

      我在项目中是这么用的：

1. <script type= "text/javascript" src= "/depporject/comjs/jsvm2/jsre.js" classpath= "dom2.gzjs;ext2p.gzjs" modules= "smartloader" ></script>

为什么扩展名是gzjs呢，这是使用了gzip压缩js文件(转载请注明出处 http://blog.csdn.net/selley )；

• 使用Gzip压缩

     gzip压缩后，ext js文件的大小将只有100k左右。(转载请注明出处 http://blog.csdn.net/selley )

    只是对gzip压缩的文件需要提供filter（Java开发），为你的应用提高解压缩功能,filter的写法很简单：

1. ............
3.     public void doFilter(HttpServletRequest request,
4.              HttpServletResponse response, FilterChain chain)
5.              throws IOException, ServletException {
6.              for (Iterator it = headers.entrySet().iterator();it.hasNext();) {
7.                  Map.Entry entry = (Map.Entry)it.next();
8.                  response.addHeader((String)entry.getKey(),(String)entry.getValue());
9.                //转载请注明出处 http://blog.csdn.net/selley
10.              }
11.              chain.doFilter(request, response);
12.      }
14.      public void init(FilterConfig config) throws ServletException {
15.          String headersStr = config.getInitParameter( "headers" );
16.          String[] headers = headersStr.split( "," );
17.          for ( int i = 0 ; i < headers.length; i++) {
18.              String[] temp = headers[i].split( "=" );
19.              this .headers.put(temp[ 0 ].trim(), temp[ 1 ].trim());
20.          }
21.      }
23. }

1. web.xml配置(转载请注明出处 http://blog.csdn.net/selley )：
2. < filter >
3.          < filter-name > addHeaderFilter </ filter-name >
4.          < filter-class >org .common.AddHeaderFilter </ filter-class >
5.          < init-param >
6.              < param-name > headers </ param-name >
7.              < param-value > Content-Encoding = gzip </ param-value >
8.          </ init-param >
9.      </ filter >
10.     
11.     
13. 通过以上两步，整个页面装载速度很快了。大家可以试试。

另外在实际开发中，并不是将ext-all.js全部在jsvm中装载，只是将常用的ext js代码归到一起，由gzip压缩，然后又jsvm装载（即ext2p.js，p代表部分），剩下的ext js代码由jsvm按需装载。

 

以上是抄袭网络上的，但是按照上面还有问题的，tk-filters.jar这个包现在 最新版本是要加资源文件的，对文件是否压缩要在里面配置GZIPFilter.Enabled=true这个要设置打开，否则无效，不加资源文件也是无效 的，测试的时候最好在js下面加上参数m=?<%=System.currentTimeMillis()%>这样每次都是让浏览器获取新 的，可以用工具查看是否进行压缩了，其实只要配置里面设置了GZIPFilter.LogStats=true后台是有提示压缩比例的~