缓存和页面静态化的网站性能优化方法研究(5)

4.2.2页面静态化原理
页面静态化其实就是在用户访问前，通过静态化方法将所需的页面的信息从数据库中提取出来，写入到一个html页面中并保存在服务器中，当用户访问时，从服务器中读取此数据即可。静态化的方法：
StringBuilder sp = new StringBuilder();
sp.Append("<html>");
……
S[.Append("</html>");
string dir = "/CreatePageStatic/"+model.Id+"/";
Directory.CreateDirectory(HttpContext.Current.Server.MapPath(dir));
File.WriteAllText(HttpContext.Current.Server.MapPath(dir + model.Id + ".html"),sp.ToString(), Encoding.UTF8);
上面代码在省略号中把页面所需的数据填入即可，后面两行代码是建立一个文件夹，用来放置生成的静态页面。
页面静态化的原理图如下。

4.2.3页面静态化实例展示
效果的展示通过实例的对比是最为明显的，下面这个图片是一般的、未使用页面静态化技术的页面加载的时间截图：

在谷歌浏览器中很容易看出加载的时间是11ms，下面我们看下使用页面静态化技术后，页面的加载时间的截图展示：

使用页面静态化技术后，在谷歌浏览器中可以清晰的看出页面加载的时间是8ms从以上对比可以看出，使用页面静态化技术后页面的加载速度明显提高了。
5．其它优化方法
网站的性能优化的另一个方面就是在网页代码结构上进行优化。这里主要从以下几个小方面介绍下：
在图片方面，图片是网页的一个重要组成部分，大量的图片或者不适当的图片格式对网站加载速度的影响是很大的。优化图片包括：1.减少图片数量：去除不必要的图；2.降低图像质量：在不影响查看的情况下尽量尝试着降低图片的质量，尤其是jpg格式的，降低5%的质量后的图片看起来效果变化不是很大，但是图片的大小变化却是很大的；3.使用脚本文件代替效果：比如一些web2.0的样式，如果使用ps制作，每个图片基本会增加5%-25%的大小成本。相反，如果使用javascript代码来实现效果,仅仅只增加几个字节；4.使用恰当的格式：常用的图片格式有三种：jpg、png、gif。其中G：一般用于展示风景、人物、艺术照的摄影作品。有时也用在电脑截屏上。GIF：提供的颜色较少，可用在一些对颜色要求不高的地方，比如网站logo按钮、表情等等。当然，gif的一个重要的应用是动画图片。PNG：PNG格式能提供透明背景，是一种专为网页展示而发明的图片格式。一般用于需要背景透明显示或对图像质量要求较高的网页上。
在CSS方面，CSS叠层样式表让网页加载起来更高效，浏览体验也能得到提高。有了CSS，表格布局的方式可以退休了。但有时我们在写CSS的时候会使用了一些比较啰嗦的语句，比如这句：
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
我们可以简化为：
margin: 10px 20px 10px 20px;
又或者这句：
A paragraph of decorated text
Second paragraph
Third paragraph
Forth paragraph
可以用p来包含：

A paragraph of decorated text
Second paragraph
Third paragraph
Forth paragraph

网站链接上：有些网址，比如http://movie.17file.com当服务器收到这样一个地址请求的时候，它需要花费时间去确定这个地址的文件类型。如果220是一个目录，不妨在网址后多加一个斜杠，让其变成http://movie.17file.com/，这样服务器就能一目了然地知道要访问该目录下的index或default文件，从而节省了加载时间。缓存和页面静态化的网站性能优化方法研究(5):http://www.youerw.com/jisuanji/lunwen_2966.html