程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> ASP.NET頁面進行GZIP壓縮優化的幾款壓縮模塊的使用簡介及應用測試!(附源碼)第1/2頁

ASP.NET頁面進行GZIP壓縮優化的幾款壓縮模塊的使用簡介及應用測試!(附源碼)第1/2頁

編輯:ASP.NET基礎
在介紹之前,先簡單說一說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> 配置節中加入以下語句:
復制代碼 代碼如下:
<add name="WebResourceCompression" type="WebResourceCompression.WebResourceCompressionModule"/> 

優點:使用簡單
缺點:僅支持ASP.NET2.0或以上版本,不能壓縮除axd外的其它資源!

二、PageCompression壓縮模塊
    與之前的模塊不同,這個模塊是專門用來壓縮aspx頁面的,啟用這個壓縮模塊之後,aspx頁面將會被實時壓縮,一般100K的頁面能被壓縮到25K左右,此模塊適用於只需要對頁面進行壓縮的項目!

使用:解壓後將Compression.PageCompressionModule.dll放到網站項目的BIN目錄,並且在Web.config <httpModules> 配置節中加入以下語句:
復制代碼 代碼如下:
<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 

  復制代碼 代碼如下:
<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這個目錄,否則的話會出錯,如果項目不想增加這個目錄,只需要將這個配置節刪掉即可!

二、實際應用的性能測試
當前1/2頁 12下一頁閱讀全文
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved