關(guān)于JavaScript的gzip靜態(tài)壓縮方法_javascript技巧

一個(gè)頁(yè)面減少10KB對(duì)于一個(gè)小網(wǎng)站來(lái)說(shuō)，算不上什么，但對(duì)于大型站點(diǎn)來(lái)說(shuō)，累計(jì)起來(lái)卻是一個(gè)很大的流量......gzip壓縮是一個(gè)有效可行的方法，但需要Apache的支持(Apache與IIS共用一個(gè)端口解決方法)。
　　傳統(tǒng)的JS壓縮(刪除注釋,刪除多余空格等)提供的壓縮率有時(shí)還是不盡不意,幸虧現(xiàn)在的瀏覽器都支持壓縮傳輸(通過(guò)設(shè)置http header的Content-Encoding=gzip),可以通過(guò)服務(wù)器的配置(如apache)為你的js提供壓縮傳輸,或是appfuse中使用的GZipFilter使tomcat也提供這種能力
現(xiàn)在的問(wèn)題是這種動(dòng)態(tài)的壓縮會(huì)導(dǎo)致CPU占用率過(guò)高,現(xiàn)在我想到的解決辨法是通過(guò)提供靜態(tài)壓縮(就是將js預(yù)先通過(guò)gzip.exe壓縮好)

一.下面描述在tomcat中的應(yīng)用

1.將prototype.js通過(guò)gzip.exe壓縮保存成prototype.gzjs 2.設(shè)置header,我編寫(xiě)了一個(gè)簡(jiǎn)單的AddHeadersFilter來(lái)將所有以gzjs結(jié)尾的文件增加設(shè)置header Content-Encoding=gzip web.xml中的配置
代碼如下:
AddHeaderFilter

badqiu.web.filter.AddHeaderFilter


headers
Content-Encoding=gzip


AddHeaderFilter
*.gzjs
測(cè)試prototype.js是否正常的代碼

代碼如下:

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com