Liferay 前端性能調優(3) Gzip Filter

對於多數Http請求來講，若是咱們能讓他們以壓縮文件的形式提供這些資源的話，也會極大的提升效率。咱們只要開啓Gzip，而後就能夠減小下載這些資源所佔用的網絡傳輸時間。

爲了進行比較，咱們先給個截圖，這是沒有啓用Gzip的狀況：

從這裏能夠看出，在啓用Gzip以前，下載ext-all-debug.js須要2.8MB這麼大的文件，須要用時1.53秒。

而後咱們就配置Gzip Filter，爲此須要作2個步驟：

(1)在$LIFERAY_HOME/portal-ext.properties文件中啓用GzipFilter的功能以下：

(2)在$TOMCAT_HOME/conf/server.xml中，由於咱們要測試的頁面部署在8080端口上，因此咱們找到8080端口的鏈接器(Connector),而後啓用gzip ,具體就是加入如下參數：

compression="on"

compressionMinSize="2048"

noCompressionUserAgents="gozilla,traviata"

compressableMimeType="text/html,text/xml,text/javascript,text/css,text/plain,p_w_picpath/gif,p_w_picpath/png,p_w_picpath/jpg"/>

這裏咱們能夠很明顯的看出來，咱們啓用了compression,而後咱們定義了須要壓縮的資源類型，用compressableMimeType屬性，因此這裏全部咱們能想到的前端資源都在這個類型列表中。

最後，咱們打開Firebug進行再次測試，做爲結果的比較，果真性能提高很大：

從這咱們不難看出，如今的Resource Header中 Content-Encoding被設置成了gzip,因此這表示咱們的gzip的功能已經被正確的開啓，而後咱們發現ext-all-debug.js的尺寸從2.8MB縮小成了只有550KB，並且網絡的傳輸時間從1.53秒縮短到了906毫秒，幾乎減小了40%的下載時間，其餘的資源也都相應的下載時間有了大幅度的減小。可見效果很明顯。