【網(wǎng)站性能指南】之三基礎(chǔ)建設(shè)

作者：技術(shù)弟弟 2012-08-20 13:25:46

我們前邊提到過，性能規(guī)則中的一條就是在服務(wù)器和瀏覽器之間傳輸?shù)臄?shù)據(jù)越少越好。介于此規(guī)則，我們可以使用一個(gè)比較成熟的技術(shù)：Http Compression

在這一章節(jié)，我們的主題聚焦在基礎(chǔ)設(shè)施建設(shè)上。

Http Compression（壓縮）；Content Expirations (內(nèi)容過期）；Content Distribution Networks - CDN(內(nèi)容分發(fā)網(wǎng)絡(luò))；Etags （E標(biāo)簽）；去掉沒必要的Http header

【Compression】

我們前邊提到過，性能規(guī)則中的一條就是在服務(wù)器和瀏覽器之間傳輸?shù)臄?shù)據(jù)越少越好。介于此規(guī)則，我們可以使用一個(gè)比較成熟的技術(shù)：Http Compression。

Server 端會(huì)評(píng)估客戶端發(fā)來的http request中header里的"Accept-Encoding”。來確定客戶端是否能處理壓縮過的數(shù)據(jù)。如果支持，server端會(huì)去對(duì)數(shù)據(jù)進(jìn)行壓縮并返回結(jié)果到客戶端。

在keynote這個(gè)第三方服務(wù)評(píng)估的結(jié)果是，可以平均節(jié)省53%的帶寬，，網(wǎng)站平均快了25%。

現(xiàn)在IIS也提供這種技術(shù)的支持（免費(fèi)的）

IIS7 對(duì) compression 的支持

支持配置當(dāng)cpu占用率過高時(shí)，自動(dòng)停止使用

默認(rèn)最小的文件大小是256k。

默認(rèn)啟動(dòng)靜態(tài)內(nèi)容的壓縮

如果你對(duì)IIS 使用compression 感興趣。可以參見：http://weblogs.asp.net/owscott/archive/2004/01/12/57916.aspx

【在IIS中配置Compression】

打開IIS。選中一個(gè)你的網(wǎng)站。在右邊選項(xiàng)卡里選擇壓縮（compression）

也許有的朋友會(huì)發(fā)現(xiàn)，動(dòng)態(tài)壓縮是灰色的。其實(shí)是我們沒安裝動(dòng)態(tài)壓縮模塊。我使用的是win7。安裝方法如下：

控制面板-》程序-》開啟或關(guān)閉windows功能-》Internet 信息服務(wù)-》萬維網(wǎng)服務(wù)-》性能功能（猥瑣）-》動(dòng)態(tài)內(nèi)容壓縮

如果是win server版本的朋友需要：

Administrative Tools | Server Manager。

展開Roles，點(diǎn)擊Web Server(IIS)。

滾動(dòng)到Role Services，點(diǎn)擊Add Role Services，打開Add Role Services向?qū)А?/p>

在Select Role Services頁面，滾動(dòng)到Performance，選擇Dynamic Content Compression，選擇下一步。

現(xiàn)在我們還用***章里用到的那個(gè)網(wǎng)站做測(cè)試。打開fiddler。

記下每個(gè)文件的大小。返回到IIS，開啟動(dòng)態(tài)壓縮和靜態(tài)壓縮。現(xiàn)在IIS 再接收到請(qǐng)求我的js和css文件時(shí)。它先會(huì)判斷是否已經(jīng)壓縮過唄請(qǐng)求的文件。如果沒有它會(huì)進(jìn)行壓縮，并且存儲(chǔ)到某一個(gè)目錄。其他用戶同樣請(qǐng)求相同的文件時(shí)，它直接獲取壓縮過的文件即可。

現(xiàn)在我們回到fiddler看看結(jié)果吧。

jquery 文件從236K被壓縮到90k。其他js和css文件也都受到相應(yīng)的壓縮。

現(xiàn)在我們?cè)偈褂蒙弦徽碌牧硪话牙鱩icrosoft network monitor觀察壓縮前和壓縮后來看看發(fā)生了什么變化。

壓縮前：

壓縮后：

非常容易使用 MS Network monitor 對(duì)比出。壓縮前后，frame的數(shù)目明顯的減少了，從40條減少到9條。

由于95%以上的請(qǐng)求都會(huì)被詢問是否啟用compression。所以主流的瀏覽器都支持compression。

啟用compression會(huì)占用少許的cpu。IIS7 對(duì)這一塊做了優(yōu)化。

為了確保壓縮沒有使CPU超載，IIS7每30秒計(jì)算平均CPU利用率。當(dāng)CPU利用率超過一個(gè)限制時(shí)，它會(huì)自動(dòng)關(guān)閉壓縮。當(dāng)CPU利用率低于限制時(shí)，它會(huì)重新啟用壓縮。

限制的默認(rèn)值是：

注意這意味著如果服務(wù)器上的CPU一直在50%以上，但偶然高于90%，動(dòng)態(tài)文件壓縮會(huì)被關(guān)閉，但再也不會(huì)重新開啟了。

可以通過修改applicationHost.config文件修改這些限制，通常它在C:\Windows\System32\inetsrv\config文件夾下。

找到<httpCompression>節(jié)。

2.修改httpdynamicCompressionEnableCpuUsage屬性：<httpCompressiondynamicCompressionEnableCpuUsage="70".... >

3.重啟IIS。

#p#

【Content Expirations】

回顧一下我們***張講過的性能規(guī)則。有一條是盡可能不經(jīng)常地傳輸數(shù)據(jù)。

一個(gè)用戶訪問我網(wǎng)站的首頁，他會(huì)得到我的js，css和圖片等文件。瀏覽器則替他保存到本地的緩存中。過了幾天用戶又來訪問我的網(wǎng)站了。服務(wù)器還會(huì)看看瀏覽器緩存中有木有他要的文件。如果有的話，它會(huì)告訴server。我有這個(gè)文件。但是我想知道它的版本是不是***的。服務(wù)器會(huì)看看這個(gè)文件到底改沒改。如果改了，服務(wù)器會(huì)發(fā)送新的文件。如果沒，服務(wù)器會(huì)返回給瀏覽器狀態(tài)碼304。濤聲依舊。

304.沒改。

利用瀏覽器緩存：

對(duì)于content folder 設(shè)置過期時(shí)間

盡量避免請(qǐng)求不經(jīng)常改動(dòng)的文件

重命名文件，如果需要重寫瀏覽器緩存（版本號(hào)/時(shí)間戳）

【在IIS中配置Content Expirations】

打開IIS。選中你的站點(diǎn)。選中scripts文件夾（裝js的地方。如果有的話）在視圖選項(xiàng)卡里找到HTTP 響應(yīng)標(biāo)頭并進(jìn)入。

右上角，設(shè)置常用標(biāo)頭-》使web內(nèi)容過期。我們?cè)O(shè)置5天吧。這時(shí)候訪問我們的網(wǎng)站。使用fiddler 觀察結(jié)果如下：

那個(gè)max-age 我們算算。正好是5天：）現(xiàn)在我們?cè)俅蜷_IE。internet選項(xiàng)-》瀏覽歷史記錄-》設(shè)置-》查看文件

找到我們的js文件。查看屬性，8月7號(hào)過期，正好5天：）

#p#

【CDN】

另一個(gè)對(duì)于提高網(wǎng)站性能有效的辦法就是使用CDN了。

CDN的全稱是Content Delivery Network，即內(nèi)容分發(fā)網(wǎng)絡(luò)。其基本思路是盡可能避開互聯(lián)網(wǎng)上有可能影響數(shù)據(jù)傳輸速度和穩(wěn)定性的瓶頸和環(huán)節(jié)，使內(nèi)容傳輸?shù)母臁⒏€(wěn)定。通過在網(wǎng)絡(luò)各處放置節(jié)點(diǎn)服務(wù)器所構(gòu)成的在現(xiàn)有的互聯(lián)網(wǎng)基礎(chǔ)之上的一層智能虛擬網(wǎng)絡(luò)，CDN系統(tǒng)能夠?qū)崟r(shí)地根據(jù)網(wǎng)絡(luò)流量和各節(jié)點(diǎn)的連接、負(fù)載狀況以及到用戶的距離和響應(yīng)時(shí)間等綜合信息將用戶的請(qǐng)求重新導(dǎo)向離用戶最近的服務(wù)節(jié)點(diǎn)上。其目的是使用戶可就近取得所需內(nèi)容，解決 Internet網(wǎng)絡(luò)擁擠的狀況，提高用戶訪問網(wǎng)站的響應(yīng)速度。

在這里我只做簡(jiǎn)單介紹，需要了解更詳細(xì)信息，請(qǐng)參見：http://en.wikipedia.org/wiki/Content_delivery_network

看到這里讀者肯定會(huì)說我屌絲了。不解釋還廢話那么多干什么？CDN都是大公司用的和我們有關(guān)系么？

下面我來講講我們可以利用到的CDN：

JQuery是現(xiàn)在***的js library之一。google、microsoft、jquery.com都免費(fèi)host了jquery庫在它們的cdn上。請(qǐng)看下圖：

我在這里可以使用我們自己的服務(wù)器上的jquery文件。也可以選擇從google、微軟和jquery官網(wǎng)的cnd來讀。即可以給自己服務(wù)器減少壓力。也可以利用cnd加快讀取速度。

【ETags】

什么是ETags？Etag的全稱是 entity tag。ETag實(shí)際上是一個(gè)hash+changeNumber組成的值。hash由文件內(nèi)容生成。IIS7中changeNumber默認(rèn)是0；

本章前邊內(nèi)容提到，我們通過設(shè)置內(nèi)容過期，利用瀏覽器緩存達(dá)到性能優(yōu)化的效果，會(huì)使用expires headers告訴瀏覽器，不用再發(fā)送條件GET請(qǐng)求給服務(wù)器啦，直接用緩存里面的數(shù)據(jù)就可以啦，從而加快訪問速度。

Etags 使用過程如下：

1.客戶端請(qǐng)求一個(gè)資源source 。

2.服務(wù)器返回頁面souce，并在給source加上一個(gè)ETag。

3.客戶端展現(xiàn)該頁面，并將頁面連同ETag一起緩存。

4.客戶再次請(qǐng)求資源source，并將上次請(qǐng)求時(shí)服務(wù)器返回的ETag一起傳遞給服務(wù)器。

5.服務(wù)器檢查該ETag，并判斷出該頁面自上次客戶端請(qǐng)求之后還未被修改，直接返回響應(yīng)304（未修改——Not Modified）和一個(gè)空的響應(yīng)體。

從此看來Etag有可能會(huì)誤導(dǎo)瀏覽器，讓瀏覽器忽略緩存重復(fù)下載相同的文件。

我們?cè)囍鴱膭h除ETAG。

先看看沒刪除之前ETAG長(zhǎng)什么樣？

using System;  
using System.Collections.Generic;  
using System.Linq;  
using System.Web;  
/// <summary>  
/// Summary description for ETagRemoveModule  
/// </summary>  
public class ETagRemoveModule : System.Web.IHttpModule  
{  
    public ETagRemoveModule()  
    {  
        //  
        // TODO: Add constructor logic here  
        //  
    }  
    public void Dispose()  
    {  
 
    }  
    public void Init(HttpApplication context)  
    {  
        context.EndRequest += new EventHandler(HandlerEndRequest);  
    }  
    public void HandlerEndRequest(Object sender, EventArgs e)  
    {  
    System.Web.HttpContext.Current.Response.Headers.Remove("ETag");  
    }  
}

<system.webServer>  
  <modules>  
    <add name="ETagRemoveModule.cs" type="ETagRemoveModule"/>  
  </modules>  
</system.webServer>

ETags就沒啦：）

#p#

【去掉沒必要的Http header】

我們使用fiddler 可以看到，http response header 包含了很多信息。

但是有些信息是沒必要展示給用戶看的。比如我們使用了.netframework 4.0.我們使用IIS7.5。

首先它是多余的信息。其次它也有可能被一些駭客利用。

所以我們修改一下我們的代碼：

public void HandlerEndRequest(Object sender, EventArgs e)  
    {  
        HttpResponse oResponse = System.Web.HttpContext.Current.Response;  
        if (null != oResponse)  
        {  
            oResponse.Headers.Remove("X-AspNet-Version");  
            oResponse.Headers.Remove("Server");  
            oResponse.Headers.Remove("ETag");  
 
        }  
    }