大多數(shù)瀏覽器會(huì)對(duì)同一域名的請(qǐng)求限制請(qǐng)求數(shù)量，一般是在8個(gè)以內(nèi)。每次最多可以同時(shí)請(qǐng)求8個(gè)，要是資源多于8個(gè)，那么剩下的就要排隊(duì)等待請(qǐng)求了。所以為了提高首次加載頁(yè)面的速度。提高請(qǐng)求并發(fā)請(qǐng)求數(shù)量，降低請(qǐng)求次數(shù)就是一個(gè)很重要的點(diǎn)。

專注于為中小企業(yè)提供網(wǎng)站設(shè)計(jì)制作、網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)四川免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了近1000家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

Bundle

Asp.Net MVC4和.NET Framework4.5提供了支持捆綁和壓縮的新類庫(kù)System.Web.Optimization。

該類庫(kù)提供了如下特性：

捆綁-將多個(gè)資源文件（javascript,css）合并成一個(gè)單獨(dú)的文件，但是合并成的單獨(dú)文件必須是相同類型，要么都是JavaScript要么都是CSS。

壓縮資源文件-清理空格，換行等，壓縮文件大小。

自動(dòng)清理緩存-服務(wù)端更新資源時(shí)，客戶端不再使用緩存資源，而是重新從服務(wù)端緩存。

1. 定義Bundle

在App_Start文件中新增一個(gè)BundleConfig.cs文件。實(shí)現(xiàn)靜態(tài)RegisterBundles方法。該方法用來創(chuàng)建，注冊(cè)和配置bundle。（在該目錄下代碼最好把他們的命名空間去掉 ".App_Start"，保持一個(gè)統(tǒng)一的高等級(jí)的命名空間）。

調(diào)用BundleCollection.Add()方法添加捆綁資源，該方法參數(shù)為ScriptBundle或StyleBundle。

ScriptBundle和StyleBundle需要傳遞一個(gè)虛擬路徑給構(gòu)造函數(shù)。該虛擬路徑其實(shí)就是該捆綁的名稱或者標(biāo)識(shí)符。所以該虛擬路徑可以任意設(shè)置，并不需要匹配物理路徑。Bundle的Include方法包含一個(gè)或者多個(gè)腳本。

通過引用該虛擬路徑就可以使用這些捆綁的資源@Script.Render("~/bundles/jquery")。

Debug模式下默認(rèn)沒有開啟捆綁和壓縮，發(fā)布模式下默認(rèn)是開啟的。

public static void RegisterBundles(BundleCollection bundles)
{
  //該值為true，在任何模式下都使用捆綁和壓縮。
  //BundleTable.EnableOptimizations = true;
  
  //添加名稱為“~/bundles/jquery”腳本捆綁
  bundles.Add(new ScriptBundle("~/bundles/jquery").Include("~/Scripts/jquery-{version}.js"));
  //添加名稱為“~/Content/css”樣式捆綁
  bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/Site.css"));
}

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

本文名稱：詳解Asp.NetMVC的Bundle捆綁-創(chuàng)新互聯(lián)
分享鏈接：http://weahome.cn/article/eogjg.html