高性能Web站点之前端优化

设置IIS缓存的方法

1.测试，可以缓存整个Share工程（经测试IIS中的缓存测试对ASPX页面不起作用，估计与页面压缩的设置原理一样）；
2.需要设置缓存的工程： Share，Portal（根据IIS日志分析报告中的“Most Requested Directories”得出）；
3.设置的方法：
   第一步：
   打开 IIS 配置管理工具（Internet 信息服务(IIS)管理器）。
   选中一个目录（或者网站，如果您想为所有站点配置，请选择点中“网站”那个图标），点“属性”按钮，会弹出一个配置窗口
   第二步：
   选择“HTTP 头” TAB 标签，然后您会看到：“自定义 HTTP 头”一栏。
   第三步：
   点旁边的“添加(D)...”按钮，来添加上那条命令。
   在弹出的窗口中：“自定义 HTTP 头名(C)”中输入：“Cache-Control”，在“自定义 HTTP 头值(U)”中输入：“Must-revalidate”。

Cache-Control头的参数设置：
Public 响应会被缓存，并且在多用户间共享。
Private 响应只能够作为私有的缓存，不能再用户间共享。
No-cache 响应不会被缓存
No-store 响应不会被缓存，并且不会被写入到客户端的磁盘里，这也是基于安全考虑的某些敏感的响应才会使用这个。
Max-age=#seconds 响应将会某个指定的秒数内缓存，一旦时间过了，就不会被缓存。
Must-revalidate 响应会被重用来满足接下来的请求，但是它必须到服务器端去验证它是不是仍然是最新的。

加一个长时间过期的头部

Expires: Thu, 15 Apr 2010 20:00:00 GMT

浏览器会用缓存来减少http请求数来加快页面加载的时间，如果页面头部加一个很长的过期时间，浏览器就会一直缓存页面里的元素。

注意：
如果你要想在iis中配置缓存，请参阅微软的知识技术文章：

·  How to Modify the Cache-Control HTTP Header When You Use IIS.

你可以学习更多关于在asp.net中使用缓存的知识文章：

·  How To Cache in ASP.NET by Using Visual C# .NET.

如果你发现你经常在你的网站上更新文件，但是并没有更改文件名字，那你就必须要非常小心地设置你的缓存生存时间。例如：如果你要一个thisyear.gif图片文件显示当前的年份在网站上，你需要保证这个缓存过期时间不能超过一天，否则一个用户在12月31号访问你的网站的时候，在1月1号就不能显示正确的日期。
由于某些原因，服务器可能会设置：Progma：no-cache 头，Cache-control:no-cache
Header中的参数：Vary 是一个缓存信号，Vary：User-Agent表示缓存当前的响应，但是仅限于当发送同样的User-Agent 头的时候。指令 Vary：* 就相当于Cache-Control：no-Cache。
Vary就相当于asp.net中的缓存的参数一样，意思是根据什么来缓存，如果要是知道asp.net的缓存的使用方法，就很容易明白这个参数的意思。

 

减少http请求数

图片，css，script，flash，等等这些都会增加http请求数，减少这些元素的数量能减少响应时间。

CSS Sprites技术能减少图片的请求数，把零散的小图片放到一起，运用background-position来改变背景图片的位置，前提是html元素事先定义好宽高，其实就像一个遮罩，移动背景就会看到不同的景象。

内嵌图像  用data:URL scheme的方式把图片内容代码直接嵌入html代码中，这样会增大html代码的体积，改进的方式是把内嵌图片嵌入到css中（css被缓存），这样就会更好的减少http请求数而且不增大html的体积。

很多用户都是在空缓存的情况下进入你的网站的，这样第一次的速度就会显得很重要。

 

压缩

html代码压缩:

System.Text.RegularExpressions.Regex.Replace(outhtml, "\\n+\\s+", string.Empty);

or $out = preg_replace("~>\s+<~", "><",preg_replace("~>\s+\r\n~", ">", $out));

js压缩:

有两个比较流行的工具是用来减小脚本的体积的--JSMin和YUI Compressor

 

Gzip:Gzip是现在最流行和最有效的压缩方式，她是GNU开发的，RFC1952标准化。

（Gzip是在服务器端压缩图片，css，脚本等，传送到用户端的浏览器再解压，这样可以提高传输速度，不过对服务器的压力会增大，一般选择部分元素压缩比较合适。）

 

 静态页面

如果能把不需要实时更新的动态页面的输出结果转化成静态网页来发布，速度上的提升效果将是显著的，因为一个动态页面的速度往往会比静态页面慢2－10倍，而静态网页的内容如果能被缓存在内存里，访问速度甚至会比原有动态网页有2－3个数量级的提高。

另一方面降低了数据库的访问频率，可以极大减轻数据库压力。

生成静态页面，我们要考虑的首先是生成对象，要选择那些更新频率低、访问量大的页面，问题答案页面就比较适合。

其次是生成机制，一般有几种：

1.1.1.       在新内容发布的同时就立刻生成相应内容的静态页面

1.1.2.       在新内容发布以后，并不预先生成相应的静态页面，直到对相应内容发出请求时，如果前台缓存服务器找不到相应缓存，就向后台内容管理服务器发出请求，后台系统会生成相应内容的静态页面，用户第一次访问页面时可能会慢一点，但是以后就直接访问。

1.1.3.       另开一个线程，或者服务，定期的去生成静态页面。

1.1.4.       综合1和3，在新内容发布完的同时通知一个服务，让这个服务异步的去生成静态页面。