extjs desktop js和css文件压缩

[gzip]使用tk-filters压缩Web页面资源

目的：压缩资源文件，减少流量，减少页面加载时间

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

2 解压这个tk-filters-1.0.1.zip压缩文件 ;

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

4 配置tk-filters.properties文件,注释非常明确，不再赘述，修改完后放在classpath及src下

#
# This properties file controls the behavior of the various
# filters available in the Tacit Knowledge filters package.
#
# Each filter has its own set of configuration directives,
# prefixed with the filter name, that controls that specific
# filter's behavior
#
############################################################
#                         ClusterCheck
############################################################
# A frequent problem when clustering is that applications use the session
# in a non-clusterable way, so The "ClusterCheckFilter" instruments the 
# application server's sessions with checks to see if this is a problem.
ClusterCheckFilter.Enabled=false
# Its possible to check for modifications to session objects after
# they have been set in to the session. This is a problem for sessions
# that are replicated in a copy-on-write fashion
ClusterCheckFilter.UnsetModificationsCheck=false
# Its possible to check serialized size to ensure high performance clustering
ClusterCheckFilter.ByteSizeCheck=false
# Aggregate size is important for containers that serialize the whole session
# every time. An example would be a database-backed session store.
# An aggregate size limit will also cap the maximum RAM used by sessions,
# allowing you to quantify the RAM necessary for peak loads.
ClusterCheckFilter.AggregateByteSizeLimit=30720
# Attribute size is important because each time an attribute is put in a
# session, it has to be serialized and persisted to a cluster peer, or
# to a database (depending on clustering implementations). 
#Thus, very large
# session attributes will be a performance problem.
ClusterCheckFilter.AttributeByteSizeLimit=20480
# ClusterCheck errors can return a 500 error to the client
# in order to have "fail-fast" behavior, if this is turned on.
# This is good for test machines, but is usually too aggressive for 
production.ClusterCheckFilter.ClientError=false
#############################################################
#############################################################
#                          GZIPFilter
#############################################################
# A performance boost can be achieved by sending data from the application
# server to the client using the Gzip encoding. This incurs a small CPU
# cost to gain a large network benefit. The GZIPFilter, when enabled, 
# transparently Gzip encodes all data after it leaves the application,
# but before its transmitted to the client.
# WARNING: GZIPFilter is currently not recommended for production use.
#          It does not send all data under certain conditions.
GZIPFilter.Enabled=true
# Its possible for the GZIPFilter to log statistics about the compression
# ratios and byte savings it is achieving. This turns that on or off.
GZIPFilter.LogStats=false
#############################################################
#                          CacheFilter
#############################################################
# A server can send expiration headers to the client, enabling the client 
# to confidently cache certain pieces of static content. This eliminates 
# unnecessary conditional GETs from the client to validate the freshness of
# content. If the application is on a server that doesn't do that, this
# filter can be enabled and mapped to static content (images, javascript,
# css files, etc), potentially reducing network traffic a great deal.
CacheFilter.Enabled=true
# This is the number of minutes the client will wait before verifying the
# freshness of a piece of content.
CacheFilter.ExpirationMinutes=15
#############################################################

5 修改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>
	<!--
		<filter-mapping> <filter-name>GZIPFilter</filter-name>
		<url-pattern>*.jsp</url-pattern> </filter-mapping>
	-->
	<!--
		CacheFilter缓存定义 
                设置此项时tk-filters.properties的CacheFilte
                 r.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>

6 测试

测试使用FireFox，以及FireBug。ext-all-debug.js为1.3MB。压缩后得到的大小仅为272K，压缩率达到了79%。整个desktop页面1.6M，压缩后为349.6KB，压缩率为78.64%。