提高ASP.NET页面载入速度的方法

前言

本文是我对ASP.NET页面载入速度提高的一些做法,这些做法分为以下部分:

目录

1.采用 HTTP Module 控制页面的生命周期。

2.自定义Response.Filter得到输出流stream生成动态页面的静态内容(磁盘缓存)。

3.页面GZIP压缩。

4.OutputCache 编程方式输出页面缓存。

5.删除页面空白字符串。(类似Google)

6.完全删除ViewState。

7.删除服务器控件生成的垃圾NamingContainer。

8.使用计划任务按时生成页面。(本文不包含该做法的实现)

9.JS,CSS压缩、合并、缓存,图片缓存。(限于文章篇幅,本文不包含该做法的实现)

10.缓存破坏。(不包含第9做法的实现)

针对上述做法,我们首先需要一个 HTTP 模块,它是整个页面流程的入口和核心。

一、自定义Response.Filter得到输出流stream生成动态页面的静态内容(磁盘缓存)

如下的代码我们可以看出,我们以 request.RawUrl 为缓存基础,因为它可以包含任意的QueryString变量,然后我们用MD5加密RawUrl 得到服务器本地文件名的变量,再实例化一个FileInfo操作该文件,如果文件最后一次生成时间小于7天,我们就使用.Net2.0新增的TransmitFile方法将存储文件的静态内容发送到浏览器。如果文件不存在,我们就操作 response.Filter 得到的 Stream 传递给 CommonFilter 类,并利用FileStream写入动态页面的内容到静态文件中。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
namespace ASPNET_CL.Code.HttpModules
{
    public class CommonModule : IHttpModule
    {
        public void Init(HttpApplication application)
        {
            application.BeginRequest += Application_BeginRequest;
        }
        private void Application_BeginRequest(object sender, EventArgs e)
        {
            var context= HttpContext.Current; 
            var request = context.Request; 
            var url = request.RawUrl;
            var response = context.Response; 
            var path = GetPath(url); 
            var file = new FileInfo(path); 
            if (DateTime.Now.Subtract(file.LastWriteTime).TotalDays < 7)
            {
                response.TransmitFile(path); 
                response.End();
                return;
            
            try
            {
                var stream = file.OpenWrite();
                response.Filter= new CommonFilter(response.Filter, stream);
            }
            catch (Exception)
            {
                Log.Insert("");
            }
        
        public void Dispose() { }
        private static string GetPath(string url)
        {
            var hash = Hash(url); 
            string fold = HttpContext.Current.Server.MapPath("~/Temp/"); 
            return string.Concat(fold, hash);
        }
        private static string Hash(string url)
        {
            url = url.ToUpperInvariant(); 
            var md5 = new System.Security.Cryptography.MD5CryptoServiceProvider();
            var bs = md5.ComputeHash(Encoding.ASCII.GetBytes(url)); 
            var s = new StringBuilder();
            foreach (var b in bs)
            {
                s.Append(b.ToString("x2").ToLower());
            }
            return s.ToString();
        }
    }
}

二、页面GZIP压缩

对页面GZIP压缩几乎是每篇讲解高性能WEB程序的几大做法之一,因为使用GZIP压缩可以降低服务器发送的字节数,能让客户感觉到网页的速度更快也减少了对带宽的使用情况。当然,这里也存在客户端的浏览器是否支持它。因此,我们要做的是,如果客户端支持GZIP,我们就发送GZIP压缩过的内容,如果不支持,我们直接发送静态文件的内容。幸运的是,现代浏览器IE6.7.8.0,火狐等都支持GZIP。

为了实现这个功能,我们需要改写上面的 Application_BeginRequest 事件:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
private void Application_BeginRequest(object sender, EventArgs e)
{
    var context = HttpContext.Current;
    var request = context.Request;
    var url = request.RawUrl;
    var response = context.Response;
    var path = GetPath(url);
    var file = new FileInfo(path);
    // 使用页面压缩 ResponseCompressionType compressionType = this.GetCompressionMode(request ); 
    if (compressionType != ResponseCompressionType.None)
    {
        response.AppendHeader("Content-Encoding", compressionType.ToString().ToLower());
        if (compressionType == ResponseCompressionType.GZip)
        {
            response.Filter = new GZipStream(response.Filter, CompressionMode.Compress);
        }
        else
        {
            response.Filter = new DeflateStream(response.Filter, CompressionMode.Compress);
        }
    }
    if (DateTime.Now.Subtract(file.LastWriteTime).TotalMinutes < 5)
    {
        response.TransmitFile(path);
        response.End();
        return;
    }
    try
    {
        var stream = file.OpenWrite();
        response.Filter = new CommonFilter(response.Filter, stream);
    }
    catch (Exception)
    {
        //Log.Insert(""); 
    }
}
private ResponseCompressionType GetCompressionMode(HttpRequest request)
{
    string acceptEncoding = request.Headers["Accept-Encoding"];
    if (string.IsNullOrEmpty(acceptEncoding))
        return ResponseCompressionType.None;
    acceptEncoding = acceptEncoding.ToUpperInvariant();
    if (acceptEncoding.Contains("GZIP"))
        return ResponseCompressionType.GZip;
    else if (acceptEncoding.Contains("DEFLATE"))
        return ResponseCompressionType.Deflate;
    else
        return ResponseCompressionType.None;
}
private enum ResponseCompressionType { None, GZip, Deflate }

三、OutputCache 编程方式输出页面缓存

ASP.NET内置的 OutputCache 缓存可以将内容缓存在三个地方:Web服务器、代理服务器和浏览器。当用户访问一个被设置为 OutputCache的页面时,ASP.NET在MSIL之后,先将结果写入output cache缓存,然后在发送到浏览器,当用户访问同一路径的页面时,ASP.NET将直接发送被Cache的内容,而不经过.aspx编译以及执行MSIL的过程,所以,虽然程序的本身效率没有提升,但是页面载入速度却得到了提升。

为了实现这个功能,我们继续改写上面的 Application_BeginRequest 事件,我们在 TransmitFile 后,将这个路径的页面以OutputCache编程的方式缓存起来:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
private void Application_BeginRequest(object sender, EventArgs e)
//.............
    if (DateTime.Now.Subtract(file.LastWriteTime).TotalMinutes < 5)
    {
        response.TransmitFile(
            path);
        // 添加 OutputCache 缓存头,并缓存在客户端 
        response.Cache.SetExpires(DateTime.Now.AddMinutes(
    5));
        response.Cache.SetCacheability(HttpCacheability.Public);
        response.End();
        return;
    }
    //............ 
}

四、实现CommonFilter类过滤ViewState、过滤NamingContainer、空白字符串,以及生成磁盘的缓存文件

我们传入response.Filter的Stream对象给CommonFilter类:

首先,我们用先Stream的Write方法实现生成磁盘的缓存文件,代码如下,在这些代码中,只有初始化构造函数,Write方法,Close方式是有用的,其中FileStream字段是生成静态文件的操作对象:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
namespace ASPNET_CL.Code.HttpModules
{
    public class CommonFilter : Stream
    {
        private readonly Stream _responseStream;
        private readonly FileStream _cacheStream;
        public override bool CanRead
        {
            get
            {
                return false;
            }
        }
        public override bool CanSeek
        {
            get
            {
                return false;
            }
        }
        public override bool CanWrite
        {
            get
            {
                return _responseStream.CanWrite;
            }
        }
        public override long Length
        {
            get
            {
                throw new NotSupportedException();
            }
        }
        public override long Position
        {
            get
            {
                throw new NotSupportedException();
            }
            set
            {
                throw
                    new NotSupportedException();
            }
        }
        public CommonFilter(Stream responseStream, FileStream stream)
        {
            _responseStream = responseStream;
            _cacheStream = stream;
        }
        public override long Seek(long offset, SeekOrigin origin)
        {
            throw new NotSupportedException();
        }
        public override void SetLength(long length)
        {
            throw new NotSupportedException();
        }
        public override int Read(byte[] buffer, int offset, int count)
        {
            throw new NotSupportedException();
        }
        public override void Flush()
        {
            _responseStream.Flush();
            _cacheStream.Flush();
        }
        public override void Write(byte[] buffer, int offset, int count)
        {
            _cacheStream.Write(
                buffer, offset, count);
            _responseStream.Write(buffer, offset, count);
        }
        public override void Close()
        {
            _responseStream.Close();
            _cacheStream.Close();
        }
        protected override void Dispose(bool disposing)
        {
            if (disposing)
            {
                _responseStream.Dispose();
                _cacheStream.Dispose();
            }
        }
    }
}

然后我们利用正则完全删除ViewState:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// 过滤ViewState 
private string ViewStateFilter(string strHTML)
{
    string matchString1 = "type=\"hidden\" name=\"__VIEWSTATE\" id=\"__VIEWSTATE\"";
    string matchString2 = "type=\"hidden\" name=\"__EVENTVALIDATION\" id=\"__EVENTVALIDATION\"";
    stringmatchString3 = "type=\"hidden\" name=\"__EVENTTARGET\" id=\"__EVENTTARGET\"";
    stringmatchString4 = "type=\"hidden\" name=\"__EVENTARGUMENT\" id=\"__EVENTARGUMENT\"";
    string positiveLookahead1 = "(?=.*(" + Regex.Escape(matchString1) + "))";
    stringpositiveLookahead2 = "(?=.*(" + Regex.Escape(matchString2) + "))";
    string positiveLookahead3 = "(?=.*(" + Regex.Escape(matchString3) + "))";
    string positiveLookahead4 = "(?=.*(" + Regex.Escape(matchString4) + "))";
    RegexOptions opt = RegexOptions.IgnoreCase | RegexOptions.Singleline | RegexOptions.CultureInvariant | RegexOptions.Compiled;
    Regex[] arrRe = new Regex[] { new Regex("\\s*<div>" + positiveLookahead1 + "(.*?)</div>\\s*", opt), new Regex("\\s*<div>" + positiveLookahead2 + "(.*?)</div>\\s*", opt), new Regex("\\s*<div>" + positiveLookahead3 + "(.*?)</div>\\s*", opt), new Regex("\\s*<div>" + positiveLookahead3 + "(.*?)</div>\\s*", opt), new Regex("\\s*<div>" + positiveLookahead4 + "(.*?)</div>\\s*", opt) };
    foreach (Regex re in arrRe)
    {
        strHTML = re.Replace(strHTML, "");
    
    return strHTML;
}

以下是删除页面空白的方法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// 删除空白 
private Regex tabsRe = new Regex("\\t", RegexOptions.Compiled | RegexOptions.Multiline);
private Regex carriageReturnRe = new Regex(">\\r\\n<", RegexOptions.Compiled | RegexOptions.Multiline);
private Regex carriageReturnSafeRe = new Regex("\\r\\n", RegexOptions.Compiled | RegexOptions.Multiline);
private Regex multipleSpaces = new Regex(" ", RegexOptions.Compiled | RegexOptions.Multiline);
private Regex spaceBetweenTags = new Regex(">\\s<", RegexOptions.Compiled | RegexOptions.Multiline);
private string WhitespaceFilter(string html)
{
    html = tabsRe.Replace(html, string.Empty);
    html = carriageReturnRe.Replace(html, "><");
 
    html = carriageReturnSafeRe.Replace(html, " ");
    while (multipleSpaces.IsMatch(html))
        html = multipleSpaces.Replace(html, " ");
    html = spaceBetweenTags.Replace(html, "><");
    html = html.Replace("//<![CDATA[""");
    html = html.Replace("//]]>""");
    return html;
}

以下是删除ASP.NET控件的垃圾UniqueID名称方法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// 过滤NamingContainer 
private string NamingContainerFilter(string html)
{
    RegexOptions opt = RegexOptions.IgnoreCase | RegexOptions.Singleline | RegexOptions.CultureInvariant | RegexOptions.Compiled;
    Regex re = new Regex("( name=\")(?=.*(" + Regex.Escape("$") + "))([^\"]+?)(\")", opt);
    html = re.Replace(html, new MatchEvaluator(delegate(Match m)
    {
        int lastDollarSignIndex = m.Value.LastIndexOf('$');
        if (lastDollarSignIndex >= 0)
        {
            return m.Groups[1].Value + m.Value.Substring(lastDollarSignIndex + 1);
        }
        else
        {
            return m.Value;
        }
    }));
    return html;
}

最后,我们把以上过滤方法整合到CommonFilter类的Write方法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
public override void Write(byte[] buffer, int offset, int count)
{
    // 转换buffer为字符串
    byte[] data = new byte[count];
    Buffer.BlockCopy(buffer, offset, data, 0, count);
    string html = System.Text.Encoding.UTF8.GetString(buffer);
    // 以下整合过滤方法 
    html = NamingContainerFilter(html);
    html = ViewStateFilter(html);
    html = WhitespaceFilter(html);
    byte[] outdata = System.Text.Encoding.UTF8.GetBytes(html);
    // 写入磁盘 
    _cacheStream.Write(outdata, 0, outdata.GetLength(0));
    _responseStream.Write(outdata, 0, outdata.GetLength(0));
}

五、缓存破坏

经过以上程序的实现,网页已经被高速缓存在客户端了,如果果用户访问网站被缓存过的页面,则页面会以0请求的速度加载页面。但是,如果后台更新了某些数据,前台用户则不能及时看到最新的数据,因此要改变这种情况,我们必须破坏缓存。根据我们如上的程序,我们破坏缓存只需要做2步:更新服务器上的临时文件,删除OutputCache过的页面。

更新服务器上的文件我们只需删除这个文件即可,当某一用户第一次访问该页面时会自动生成,当然,你也可以用程序先删除后生成:

1
2
3
4
5
   // 更新文件 
foreach (var file in Directory.GetFiles(HttpRuntime.AppDomainAppPath + "Temp"))
   {
       File.Delete(file);
   }

要删除OutputCache关联的缓存项,代码如下,我们只需要保证该方法的参数,指页面的绝对路径是正确的,路径不能使用../这样的相对路径:

1
2
// 删除缓存  
HttpResponse.RemoveOutputCacheItem( "/Default.aspx" );

到此,我们实现了针对一个页面的性能,重点是载入速度的提高的一些做法,希望对大家有用~!

出处:http://blog.csdn.net/jacky4955/article/details/7230987

上一篇:WCF-001:WCF的发布


下一篇:CSS背景图片定位