ASP.NET頁面進行GZIP壓縮優化的幾款壓縮模塊的使用簡介及應用測試!

-
-
在介紹之前,先簡單說一說ASP.NET服務端GZIP壓縮模塊的作用及工作原理,很多人編寫網頁的時候頁面因爲使用了大量的JS特效又或者放置很多大型動態廣告導致了頁面或腳本體積龐大,通常都會使用一些壓縮工具本地對頁面或腳本進行一定的壓縮後再上傳到服務器,但這樣的壓縮工具一般壓縮率有限,優化自然也不明顯,本文章介紹的壓縮模塊的作用就是對asp.net的頁面或腳本等資源進行高強度GZIP壓縮(一般能壓縮到只有1/5的體積),而且壓縮的過程是發生在客戶端請求aspx頁面的時候由服務端進行壓縮處理後再傳送給客?Ф訟允?,換言之項目使用這些壓縮模塊之後,所有的aspx頁面都不需要事先進行壓縮處理,而是由壓縮模塊在頁面被客戶端第一次請求的時候自動在服務端後臺進行壓縮處理(壓縮處理的時間很快,幾乎可以忽略不計,但壓縮後的頁面加載速度卻提升明顯)。下面就讓我介紹幾款實現這樣功能的壓縮模塊:
一、WebResourceCompression壓縮模塊
這個壓縮模塊是專門用來實時壓縮ASP.NET2.0頁面引用的所有*.axd資源,一般aspx頁面使用瞭如anthem.net的ajax框架或asp.net驗證控件都會產生axd文件引用,這個文件實際就是一個js腳本,啓用這個壓縮模塊後,所有的axd資源都會被GZIP壓縮後再傳送給客戶端,此模塊特別適用於aspx頁面應用了ajax框架或需引用體積龐大的axd資源文件的項目!
使用:解壓後將WebResourceCompression.dll放到網站項目的BIN目錄,並且在Web.config <httpModules> 配置節中加入以下語句:
[複製此代碼]CODE:
<add name="WebResourceCompression" type="WebResourceCompression.WebResourceCompressionModule"/>

優點:使用簡單
缺點:僅支持ASP.NET2.0或以上版本,不能壓縮除axd外的其它資源!
二、PageCompression壓縮模塊
與之前的模塊不同,這個模塊是專門用來壓縮aspx頁面的,啓用這個壓縮模塊之後,aspx頁面將會被實時壓縮,一般100K的頁面能被壓縮到25K左右,此模塊適用於只需要對頁面進行壓縮的項目!
使用:解壓後將Compression.PageCompressionModule.dll放到網站項目的BIN目錄,並且在Web.config <httpModules> 配置節中加入以下語句:
[複製此代碼]CODE:
<add name="PageCompressionModule" type="Compression.PageCompressionModule,Compression.PageCompressionModule"/>

優點:使用簡單
缺點:僅支持ASP.NET2.0或以上版本,不能壓縮除aspx頁面外的其它資源,而且啓用壓縮後,頁面引用的axd資源會無效(BUG)!
三、HttpCompress6.0壓縮模塊
這是一個支持asp.net1.0/1.1/2.0(2.0以下版本不支持gzip壓縮,僅支持deflate壓縮),可以壓縮aspx頁面請求的所有類型(MimeTypes)的資源,包括圖片、js腳本、axd、aspx頁面、css文件等,並且能在web.config詳細自定義要壓縮那種類型的資源及不壓縮那種類型的資源、也可定義要壓縮指定的頁面或不壓縮指定的頁面,另外還有壓縮比率設定(high|normal|low)等等強大的自定義功能,不過此控件的最嚴重問題是在asp.net2.0下啓用壓縮會導致axd文件無效,這樣如果頁面應用了ajax框架就會導致ajax功能失效。
使用:略(與下面推薦的CompressionModule壓縮模塊使用方法雷同)
優點:開放源代碼,強大的自定義功能,支持asp.net1.0/1.1/2.0版本,能壓縮多種資源!
缺點:使用複雜,asp.net2.0下啓用壓縮會導致axd文件無效!
四、CompressionModule壓縮模塊(強烈推薦)
本人推薦的一個模塊,同樣可以壓縮aspx頁面請求的所有資源及支持強大自定義功能的壓縮模塊,與HttpCompress6.0一樣能自定義要壓縮那種類型的資源及不壓縮那種類型的資源、也可定義要壓縮指定的頁面或不壓縮指定的頁面,並且還有開啓Cache資源的功能及指定壓縮目錄的強大功能,另外也不會像HttpCompress6.0會出現axd文件無效的BUG,這樣此壓縮模塊就能完美支持各種ajax框架!!
使用:請看後面的CompressionModule壓縮模塊實際使用及性能測試!
優點:開放源代碼,強大的自定義功能,能壓縮多種資源,能完美支持各種ajax框架!
缺點:使用複雜,僅支持asp.net2.0或以上版本!
綜上所述,各種壓縮模塊都能達到優化頁面的作用,但由於壓縮的過程是發生在服務器一端,所以啓用這些壓縮會消耗一點點服務器資源,不過一般來說壓縮只發生在客戶端第一次訪問頁面的時候,因爲之後瀏覽器本身cache了頁面及資源的關係,再次刷新訪問的時候就不會再佔用服務器資源進行壓縮了,所以對於網站頁面體積龐大的開發者來說,啓用壓縮功能絕對是物有所值的,畢竟頁面體積更小,加載就會更快!
附錄:CompressionModule壓縮模塊的使用說明及性能測試!
一、使用
首先,將DC.Web.HttpCompress.dll放到網站項目的bin目錄,再按如下增加及修改項目的web.config
[複製此代碼]CODE:
<configSections>
<sectionGroup name="DCWeb">
<section name="HttpCompress" type="DC.Web.HttpCompress.Configuration,
DC.Web.HttpCompress"/>
</sectionGroup>
</configSections>
<DCWeb>
<HttpCompress compressionType="GZip">
<!--設定是否啓用cachefiles功能,並指定cache目錄,如果刪掉這行配置的話就自動默認爲false(不開啓cache)-->
<CacheSettings cacheFiles="true" path="cache"/>
<!--設定jspath及csspath,如果刪除掉這行配置的話就會使用默認值-->
<PathSettings jsPath="javascript" cssPath="css" />
<!--配置要壓縮何種類型的資源,這裏設定只壓縮html,即只有aspx頁面及*.axd資源會被壓縮,其它的資源(如圖片,CSS等)將不被壓縮!例:如果要壓縮gif,請添加<add mime="image/gif"/>,壓縮jpg則添加<add mime="image/jpeg"/>-->
<IncludedMimeTypes>
<add mime="text/html" />
</IncludedMimeTypes>
<!--配置不壓縮何種類型資源請使用:
<ExcludedMimeTypes>
<add mime="text/html" />
</ExcludedMimeTypes>
注意:ExcludedMimeTypes及IncludedMimeTypes只需要配置一個就可以,如果像上面那樣配置ExcludeMimeTypes的話,則表明除html類型的資源外,其它資源都會被壓縮-->
<ExcludedPaths>
<!--設定不啓用壓縮的頁面路徑,下面設定了nocompress目錄下的default.aspx頁面將不會啓用壓縮功能,但其它頁面則正常啓用壓縮-->
<add path="~/NoCompress/Default.aspx" />
</ExcludedPaths>
</HttpCompress>
</DCWeb>
<!-- The js.axd and css.axd must be enabled to allow javascript and css
compression -->
<httpHandlers>
<!--如果不需要使用到此功能的話可刪掉此配置節-->
<add verb="*" path="js.axd,css.axd"
type="DC.Web.HttpCompress.CompressionHandler,DC.Web.HttpCompress"/>
</httpHandlers>
<!-- The compression module must be enabled for the WebResource.axd to be
compressed -->
<httpModules>
<add name="ScriptModule" type="System.Web.Handlers.ScriptModule,
System.Web.Extensions, Version=1.0.61025.0, Culture=neutral,
PublicKeyToken=31bf3856ad364e35"/>
<!--設定啓用壓縮模塊的參數-->
<add name="HttpCompressModule"
type="DC.Web.HttpCompress.HttpModule,DC.Web.HttpCompress"/>
</httpModules>

配置好後,壓縮模塊就可以正常工作了!
小提示:如果web.config配置了
<CacheSettings cacheFiles="true" path="cache"/>
那麼項目下就必須存在cache這個目錄,否則的話會出錯,如果項目不想增加這個目錄,只需要將這個配置節刪掉即可!
二、實際應用的性能測試

本文來自: 腳本之家(http://www.jb51.net/) 詳細出處參考:http://www.jb51.net/article/13426.htm

 

-
-

跟蹤軟件:fiddler2
本次測試使用本人開發的DotNetTextBox在線編輯器控件作爲頁面載體,共有兩個一模一樣的頁面分別爲compress.aspx(啓用壓縮)及nocompress.aspx(不啓用壓縮)
首先打開不啓用壓縮的nocompress.aspx並且查看頁面體積如下圖:

同時查看fiddler2看看實際接收的流量

通過上圖可以看到,實際接收與查看屬性的體積都是一樣65452字節,並且fiddler2檢測到頁面是no compression
跟着我們打開啓用壓縮的compress.aspx並查看頁面體積如下圖(與nocompress.aspx頁面體積基本一樣,只有2字節的誤差):

再看看fiddler2實際接收到的流量

壓縮的效果終於看到了,fiddler2檢測到實際接收到的流量只有17277字節,並且右下角顯示頁面採用的是GZIP Encoding,壓縮後的頁面體積只有原來的1/4!!!
1)前面進行的CompressionModule使用及性能測試實例的下載地址:
CompressSample.rar
2)CompressionModule壓縮模塊在Asp.Net Ajax中應用的實例下載:
ajaxsample.rar

3)CompressionModule壓縮模塊的完整源碼下載地址:
CompressionModule.rar

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章