日期:2014-05-16  浏览次数:20361 次

再谈EXTJS瘦身问题
ExtJS那华丽的界面,会吸引每一个看过它的开发者,但是用其制作出来的网站,如果发布在网络上,访问属实是让人很头疼的事情,中国网络情况又如此的差,世界排行46(中国网络状况整体提高全球信息技术排名第46名-2009年),可叹我泱泱大国五千年呢,又发牢骚,废话还是少说,言归正传吧~
一,首先,<a href="http://files.cnblogs.com/Files/orchidsure/assfiles/tk-filters-1.0.1.zip" target="_blank">下载tk-filters-1.0.1.zip</a>
二,解压这个tk-filters-1.0.1.zip压缩文件 ;
三,将解压后的文件tk-filters.jar放在Ext项目的WEB-INF/lib/下
四,打开解压后的文件夹tk-filters\conf\tk-filters.propertiesGZIPFilter.Enabled=false(默认为false,true打开GZIP压缩功能)GZIPFilter.LogStats=false(默认为false,true打开GZIP压缩功能日志,可以在后台看到压缩比例信息)CacheFilter.Enabled=false(默认为false,true打开GZIP缓存功能)注:可以自行选择想打开的功能,再将此文件复制到Ext项目的WEB-INF/class文件夹下
五,打开Ext项目的WEB-INF/web.xml文件!-- GZIPFilter压缩定义 设置此项时tk-filters.properties的GZIPFilter.Enabled=true才可用--; filter; filter-name;GZIPFilter/filter-name; filter-class;com.tacitknowledge.filters.gzipfilter.GZIPFilter/filter-class; /filter; !-- GZIPFilter 设置自己想要压缩的文件类型--;  filter-mapping; filter-name;GZIPFilter/filter-name; url-pattern;*.js/url-pattern; /filter-mapping;  !-- CacheFilter缓存定义 设置此项时tk-filters.properties的CacheFilter.Enabled=true才可用 --; filter; filter-name;CacheFilter/filter-name; filter-class;com.tacitknowledge.filters.cache.CacheHeaderFilter/filter-class; /filter; !-- CacheFilter 设置自己想要缓存的文件类型--; filter-mapping; filter-name;CacheFilter/filter-name; url-pattern;*.gif/url-pattern; /filter-mapping; filter-mapping; filter-name;CacheFilter/filter-name; url-pattern;*.jpg/url-pattern; /filter-mapping; filter-mapping; filter-name;CacheFilter/filter-name; url-pattern;*.png/url-pattern; /filter-mapping; filter-mapping; filter-name;CacheFilter/filter-name; url-pattern;*.js/url-pattern; /filter-mapping; filter-mapping; filter-name;CacheFilter/filter-name; url-pattern;*.css/url-pattern; /filter-mapping;
六,测试一下吧,用FF(FireFox)打开后,在FireBug里可以清楚看到ext-all.js从原来的599kb变成了154kb,压了不少吧!!