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

提高EXTJS执行速度

ExtJS那华丽的界面,会吸引每一个看过它的开发者,但是用其制作出来的网站,如果发布在网络上,访问属实是让人很头疼的事情,中国网络情况又如 此的差,世界排行46(中国网络状况整体提高全球信息技术排名第46名-2009年),可叹我泱泱大国五千年呢,又发牢骚,废话还是少说,言归正传吧~

?

一,首先,下载tk-filters-1.0.1.zip

?

二,解压这个tk-filters-1.0.1.zip压缩文件?;

?

三,将解压后的文件tk-filters.jar放在Ext项目的WEB-INF/lib/下

?

四,打开解压后的文件夹tk-filters\conf\tk-filters.properties
GZIPFilter.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,压了不少吧!!