rexian

咨询电话:023-6276-4481

热门文章

联系方式

电 话:023-6276-4481

邮箱:broiling@qq.com

地址:重庆市南岸区亚太商谷6幢25-2

当前位置:网站首页 > 技术文章 > 提高网站首页载入速度的常用方法

提高网站首页载入速度的常用方法

编辑:木子 发表时间:2017-07-06 09:07:51
木子

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. namespace ASPNET_CL.Code.HttpModules {

  2. public class CommonModule : IHttpModule {

  3. public void Init( HttpApplication application ) {

  4. application.BeginRequest += Application_BeginRequest;

  5. }

  6. private void Application_BeginRequest( object sender, EventArgs e ) {

  7. var context = HttpContext.Current;

  8. var request = context.Request;

  9. var url = request.RawUrl;

  10. var response = context.Response;

  11. var path = GetPath( url );

  12. var file = new FileInfo( path );

  13. if ( DateTime.Now.Subtract( file.LastWriteTime ).TotalDays < 7 ) {

  14. response.TransmitFile( path );

  15. response.End();

  16. return;

  17. }

  18. try {

  19. var stream = file.OpenWrite();

  20. response.Filter = new CommonFilter( response.Filter, stream );

  21. }

  22. catch ( Exception ) {

  23. //Log.Insert("");

  24. }

  25. }

  26. public void Dispose() {

  27. }

  28. private staticstring GetPath( string url ) {

  29. var hash = Hash( url );

  30. string fold = HttpContext.Current.Server.MapPath( "~/Temp/" );

  31. return string.Concat( fold, hash );

  32. }

  33. private staticstring Hash( string url ) {

  34. url = url.ToUpperInvariant();

  35. var md5 = new System.Security.Cryptography.MD5CryptoServiceProvider();

  36. var bs = md5.ComputeHash( Encoding.ASCII.GetBytes( url ) );

  37. var s = new StringBuilder();

  38. foreach ( var b in bs ) {

  39. s.Append( b.ToString( "x2" ).ToLower() );

  40. }

  41. return s.ToString();

  42. }

  43. }

  44. }

二、页面GZIP压缩

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

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

  1. privatevoid Application_BeginRequest( object sender, EventArgs e ) {

  2. var context = HttpContext.Current;

  3. var request = context.Request;

  4. var url = request.RawUrl;

  5. var response = context.Response;

  6. var path = GetPath( url );

  7. var file = new FileInfo( path );

  8. // 使用页面压缩

  9. ResponseCompressionType compressionType = this.GetCompressionMode( request );

  10. if ( compressionType != ResponseCompressionType.None ) {

  11. response.AppendHeader( "Content-Encoding", compressionType.ToString().ToLower() );

  12. if ( compressionType == ResponseCompressionType.GZip ) {

  13. response.Filter = new GZipStream( response.Filter, CompressionMode.Compress );

  14. }

  15. else {

  16. response.Filter = new DeflateStream( response.Filter, CompressionMode.Compress );

  17. }

  18. }

  19. if ( DateTime.Now.Subtract( file.LastWriteTime ).TotalMinutes < 5 ) {

  20. response.TransmitFile( path );

  21. response.End();

  22. return;

  23. }

  24. try {

  25. var stream = file.OpenWrite();

  26. response.Filter = new CommonFilter( response.Filter, stream );

  27. }

  28. catch ( Exception ) {

  29. //Log.Insert("");

  30. }

  31. }

  32. private ResponseCompressionType GetCompressionMode( HttpRequest request ) {

  33. string acceptEncoding = request.Headers[ "Accept-Encoding" ];

  34. if ( string.IsNullOrEmpty( acceptEncoding ) )

  35. return ResponseCompressionType.None;

  36. acceptEncoding = acceptEncoding.ToUpperInvariant();

  37. if ( acceptEncoding.Contains( "GZIP" ) )

  38. return ResponseCompressionType.GZip;

  39. elseif ( acceptEncoding.Contains( "DEFLATE" ) )

  40. return ResponseCompressionType.Deflate;

  41. else

  42. return ResponseCompressionType.None;

  43. }

  44. privateenum ResponseCompressionType {

  45. None,

  46. GZip,

  47. Deflate

  48. }

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

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

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

  1. privatevoid Application_BeginRequest( object sender, EventArgs e ) {

  2. //.............

  3. if ( DateTime.Now.Subtract( file.LastWriteTime ).TotalMinutes < 5 ) {

  4. response.TransmitFile( path );

  5. // 添加 OutputCache 缓存头,并缓存在客户端

  6. response.Cache.SetExpires( DateTime.Now.AddMinutes( 5 ) );

  7. response.Cache.SetCacheability( HttpCacheability.Public );

  8. response.End();

  9. return;

  10. }

  11. //............

  12. }

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

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

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

  1. namespace ASPNET_CL.Code.HttpModules {

  2. publicclass CommonFilter : Stream {

  3. privatereadonly Stream _responseStream;

  4. privatereadonly FileStream _cacheStream;

  5. publicoverridebool CanRead {

  6. get {

  7. returnfalse;

  8. }

  9. }

  10. publicoverridebool CanSeek {

  11. get {

  12. returnfalse;

  13. }

  14. }

  15. publicoverridebool CanWrite {

  16. get {

  17. return _responseStream.CanWrite;

  18. }

  19. }

  20. publicoverridelong Length {

  21. get {

  22. thrownew NotSupportedException();

  23. }

  24. }

  25. publicoverridelong Position {

  26. get {

  27. thrownew NotSupportedException();

  28. }

  29. set {

  30. thrownew NotSupportedException();

  31. }

  32. }

  33. public CommonFilter( Stream responseStream, FileStream stream ) {

  34. _responseStream = responseStream;

  35. _cacheStream = stream;

  36. }

  37. publicoverridelong Seek( long offset, SeekOrigin origin ) {

  38. thrownew NotSupportedException();

  39. }

  40. publicoverridevoid SetLength( long length ) {

  41. thrownew NotSupportedException();

  42. }

  43. publicoverrideint Read( byte[] buffer, int offset, int count ) {

  44. thrownew NotSupportedException();

  45. }

  46. publicoverridevoid Flush() {

  47. _responseStream.Flush();

  48. _cacheStream.Flush();

  49. }

  50. publicoverridevoid Write( byte[] buffer, int offset, int count ) {

  51. _cacheStream.Write( buffer, offset, count );

  52. _responseStream.Write( buffer, offset, count );

  53. }

  54. publicoverridevoid Close() {

  55. _responseStream.Close();

  56. _cacheStream.Close();

  57. }

  58. protectedoverridevoid Dispose( bool disposing ) {

  59. if ( disposing ) {

  60. _responseStream.Dispose();

  61. _cacheStream.Dispose();

  62. }

  63. }

  64. }

  65. }

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

  1. // 过滤ViewState

  2. privatestring ViewStateFilter( string strHTML ) {

  3. string matchString1 = "type=\"hidden\" name=\"__VIEWSTATE\" id=\"__VIEWSTATE\"";

  4. string matchString2 = "type=\"hidden\" name=\"__EVENTVALIDATION\" id=\"__EVENTVALIDATION\"";

  5. string matchString3 = "type=\"hidden\" name=\"__EVENTTARGET\" id=\"__EVENTTARGET\"";

  6. string matchString4 = "type=\"hidden\" name=\"__EVENTARGUMENT\" id=\"__EVENTARGUMENT\"";

  7. string positiveLookahead1 = "(?=.*(" + Regex.Escape( matchString1 ) + "))";

  8. string positiveLookahead2 = "(?=.*(" + Regex.Escape( matchString2 ) + "))";

  9. string positiveLookahead3 = "(?=.*(" + Regex.Escape( matchString3 ) + "))";

  10. string positiveLookahead4 = "(?=.*(" + Regex.Escape( matchString4 ) + "))";

  11. RegexOptions opt = RegexOptions.IgnoreCase | RegexOptions.Singleline | RegexOptions.CultureInvariant | RegexOptions.Compiled;

  12. Regex[] arrRe = new Regex[] {

  13. new Regex("\\s*<div>" + positiveLookahead1 + "(.*?)</div>\\s*", opt),

  14. new Regex("\\s*<div>" + positiveLookahead2 + "(.*?)</div>\\s*", opt),

  15. new Regex("\\s*<div>" + positiveLookahead3 + "(.*?)</div>\\s*", opt),

  16. new Regex("\\s*<div>" + positiveLookahead3 + "(.*?)</div>\\s*", opt),

  17. new Regex("\\s*<div>" + positiveLookahead4 + "(.*?)</div>\\s*", opt)

  18. };

  19. foreach ( Regex re in arrRe ) {

  20. strHTML = re.Replace( strHTML, "" );

  21. }

  22. return strHTML;

  23. }

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

  1. // 删除空白

  2. private Regex tabsRe = new Regex( "\\t", RegexOptions.Compiled | RegexOptions.Multiline );

  3. private Regex carriageReturnRe = new Regex( ">\\r\\n<", RegexOptions.Compiled | RegexOptions.Multiline );

  4. private Regex carriageReturnSafeRe = new Regex( "\\r\\n", RegexOptions.Compiled | RegexOptions.Multiline );

  5. private Regex multipleSpaces = new Regex( " ", RegexOptions.Compiled | RegexOptions.Multiline );

  6. private Regex spaceBetweenTags = new Regex( ">\\s<", RegexOptions.Compiled | RegexOptions.Multiline );

  7. privatestring WhitespaceFilter( string html ) {

  8. html = tabsRe.Replace( html, string.Empty );

  9. html = carriageReturnRe.Replace( html, "><" );

  10. html = carriageReturnSafeRe.Replace( html, " " );

  11. 上一篇 下一篇