asp.net网站性能优化2则

摘要：Web服务器的性能优化有不少资料介绍了，多台主机负载均衡，查询结果的多级缓

存，数据库索引优化等都是常见的优化手段。随着后端优化空间愈来愈小，如今愈来愈多

的网站更注重前端性能的优化，就是浏览器，http层面的优化，这里写两点最简单最有效

的asp.net网站优化技巧。

 

== 了解常见的网站性能优化技巧 ==

　　首先咱们要学一些优化网站性能和体验的理论和基础知识，雅虎已经帮咱们总结好了

，详见参考连接中的几篇文章，有好心人已经给翻译成中文了。这里面提到的一些技巧可

操做性都很强，建议每个网站开发人员都仔细学习并进行实践，能够说不了解这里面说

的优化技巧，提高网站前端性能就无从谈起。

 

== 诊断网站性能 ==

　　要想优化网站的前端性能，首先要查看最影响前端性能的瓶颈是哪些？最经常使用的工具

就是Google的Page Sped和Yahoo的YSlow，这两个工具都是在Firefox下使用的，而且是基

于FireBug的，FireBug是前端开发人员必备的一个插件了。

　　这两个工具能够帮你诊断你的页面的性能瓶颈在哪里，好比打开你的站点首页共消耗

了多少网络流量，进行了多少次HTTP请求，每一个页面组件是否能够进行缓存，页面加载的

各个执行过程各占用了多少时间，加载中是否有阻塞状况，页面组件并行加载状况如何，

图片是否还能够进行无损压缩，脚本和样式放置的位置是否合理，是否删除了没必要要的空

白，是否进行了gzip的压缩等等。知道了这些信息，你就能够有针对性的进行网站性能优

化，先把最影响性能的地方优化掉。

　　这两个工具使用起来也很简单，详见参考连接中的两篇文章。

 

== 进行优化实践 ==

　　根据我对网站优化的学习和实践，总结出来一些经验：通常网站性能消耗都集中在网

络下载上，包括页面自己的HTML以及图片，脚本，样式等组件的下载，尤为是在网速比较

慢的时候，下载这些东西要花费整个网页呈现的大部分时间，这些东西下载完成后，本地

的渲染和展示通常会很快，除非有很复杂的效果或脚本，而服务端执行的快慢要看具体服

务器的逻辑，优化起来复杂度较高，每每站点自己还要访问后端的其它服务器，数据库等

。

　　解决这个首先有两点能够入手，一是对页面组件进行压缩，web用的图片通常自己就

是压缩格式，因此压缩空间不太大，还会额外占用服务器CPU，但脚本，样式，HTML这些

文本内容用GZIP压缩的压缩比就很是大了，并且如今大多数浏览器都支持GZIP压缩。

　　另外一方面是对脚本，样式，图片加Http Expire头，加上这个过时头，网站只须要第

一次打开时须要下载这些网页组件，以后再打开甚至连HTTP请求都不用发起，直接在本地

加载了，固然脚本和样式服务端有可能之后还会变化，咱们须要利用URL重写进行脚本和

样式引用的自动更名，以便在脚本和页面更新后刷新利览器缓存。

　　可喜的是要作到这两点，在IIS7里很是简单，首先说压缩，在win7里利用"打开或关

闭windows功能"里打开IIS性能工具里的“动态内容压缩”和“静态内容压缩”，如图1。

　　而后在IIS管理器里，选中要压缩的网站，双击压缩按钮把动态压缩和静态压缩的勾

加上就好了，默认会对mimetype为text/*和application/x-javascript进行压缩，通常这

就够用了，但IIS7默认对.js文件使用

application/x-javascript的mimetype，而默认对application/x-javascript进行的是动

态压缩，动态压缩和静态压缩的区别就是不会被IIS的缓存机制缓存，每次访问都会去读

取文件或路由请求到后面的模块，因此咱们要把.js的mimetype改为

application/javascript，如图2

　　而后对application/x-javascript进行动态压缩，对application/javascript进行静态压缩,须要配置C:\Windows\System32\inetsrv\config\applicationHost.config，以下图3

　　对页面组件进行了压缩有已经减小了很多网络流量，提高了很大的性能，可是一些脚

本和样式通常状况下不多改变，每次访问网页都要从新下载仍是会消耗很多网络流量，这

就须要配置静态文件的过时时间了。

　　IIS7的管理器里有个HTTP响应标头的功能，通常网站的脚本、样式和图片分别放在

scripts,styles,images目录下，咱们直接为这几个目录下的文件设置过时时间为100天就

能够了，在IIS7的管理器里直接能够进行操做，具体见参考连接，就不重复了，设置成功

后会在这3个子目录里分别生成一个web.config文件，并设置

cacheControlMode=UseMaxAge,cacheControlMaxAge=100.00:00:00

    这样设置之后优化效果就很好了，第一次打开网页后，再次打开网页要比之前快好多

倍，可是有一个问题就是若是你的样式或脚本修改后，若是客户端不刷新页面，就不会生

效了。解决这个问题利用URL Rewrite把样式，脚本的引用路径加一个时间戳，若是脚本

改动了后，时间戳就改动了，引用的文件名就变了，浏览器就会下载新的样式了，而新的

样式实际上通过url rewrite后仍是之前的名字，好比/scripts/base.201001111502.js实

际上就是/scripts/base.js,具体操做见参考文章。

　　但文章里说的是iis6.0用的是URLRewrite组件，在IIS7里有一个免费的rewrite模块，

在微软网站下载下来安装上就好了，它的配置规则和URLRewrite不太同样，最重要的区别

就是对正则分组匹配不是用$1,$2引用，而是用{R:1}这种格式引用，还有就是目标url的

配置不须要正则转义符，好比"."就是".",不须要是"\.",若是不注意这个就等着404吧，

具体IIS7.5下的重写模块使用和注意事项可看后面的参考连接，我这里的配置以下

{{{

<rewrite>

  <rules>

    <rule name="static_file_auto_version">

      <match url="^(scripts|styles|images)/(.*?)\.[0-9]+\.(css|js|gif|png|jpg)" />

      <action type="Rewrite" url="{R:1}/{R:2}.{R:3}" />

    </rule>

  </rules>

</rewrite>

 

}}}

== 小节 ==

　　进行了这两处优化后，网站性能已经提高了很多了，接下来再按照雅虎提供的优化原

则和page speed的提示看看还有哪些是能够比较简单而有效的进行优化的。

 

== 参考连接==

下载IIS7 URL Rewrite 模块

http://www.iis.net/download/URLRewrite

自动给CSS,JavaScript文件添加版本号

http://www.cnblogs.com/dushouke/archive/2010/01/16/automatically-version-your-css-and-javascript-files.html

【转】Windows7下IIS7.5的伪静态URL Rewrite安装配置和案例综合

http://www.cnblogs.com/dongqi/archive/2010/08/10/1796775.html

Google网站性能优化工具Page Speed试用报告

http://dudo.org/archives/2009060611295.html

你的网站为何会慢？——用YSlow为你的网站提速

http://dudo.org/archives/2008052016222.html

Yahoo!网站性能最佳体验的34条黄金守则——内容

http://dudo.org/archives/2008051211216.html

Yahoo!网站性能最佳体验的34条黄金守则——服务器

http://dudo.org/archives/2008051322217.html

Yahoo!网站性能最佳体验的34条黄金守则——JavaScript和CSS

http://dudo.org/archives/2008051417218.html

Yahoo!网站性能最佳体验的34条黄金守则——图片、Coockie与移动应用

IIS7配置Gzip压缩

http://www.imkevinyang.com/2009/06/iis7%E9%85%8D%E7%BD%AEgzip%E5%8E%8B%E7%BC%A9.html

IIS为不一样的文件设置不一样的过时头

http://www.cnblogs.com/dushouke/archive/2010/07/24/iis-only-add-expires-headers-to-images.html