构建高性能ASP.NET站点之二优化HTTP请求（前端）

构建高性能ASP.NET站点之二优化HTTP请求（前端）2011-08-01 博客园小洋（燕洋天）HTTP请求的优化

在一个网页的请求过程中,其实整个页面的html结构（就是页面的那些html骨架）请求的时间是很短的, 一般是占整个页面的请求时间的10%-20%.在页面加载的其余的时间实际上就是在加载页面中的那些flash, 图片,脚本的资源. 一直到所有的资源载入之后,整个页面才能完整的展现在我们面前.

下面,我们就从一个页面开始讲述:

1 <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0  Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2   <html xmlns="http://www.w3.org/1999/xhtml">
3  <head>
4      <title>小洋,燕洋天</title>
5 
6     <script  type="text/javascript" src="../demo.js">
7     </script>
8 
9   </head>
10  <body>
11     <div>
12          <img src="../images/1.gif" />
13         <img src="../images/2.gif"  />
14         <img  src="http://yanyangtian.cnblogs.com/image/3.gif" />
15         <img  src="http://yanyangtian.cnblogs.com/image/4.gif" />
16         <img  src="http://yanyangtian.cnblogs.com/image/5.gif" />
17         <img  src="http://yanyangtian.cnblogs.com/image/6.gif" />
18         <img  src="http://yanyangtian.cnblogs.com/image/7.gif" />
19         <img  src="http://yanyangtian.cnblogs.com/image/8.gif" />
20         <img  src="http://yanyangtian.cnblogs.com/image/7.gif" />
21         <img  src="http://yanyangtian.cnblogs.com/image/8.gif" />
22     </div>
23   </body>
24  </html>
25

如果我们向服务器请求这个页面,客户端的浏览器首先请求到的数据就是html骨架,即:

1 <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0  Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2  <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4      <title>小洋,燕洋天</title>
5 
6     <script  type="text/javascript" src="../demo.js">
7     </script>
8 
9  </head>
10 <body>
11     <div>
12         <img  src="../images/1.gif" />
13         <img  src="../images/2.gif" />
14         <img  src="http://yanyangtian.cnblogs.com/image/3.gif" />
15         <img  src="http://yanyangtian.cnblogs.com/image/4.gif" />
16         <img  src="http://yanyangtian.cnblogs.com/image/5.gif" />
17         <img  src="http://yanyangtian.cnblogs.com/image/6.gif" />
18         <img  src="http://yanyangtian.cnblogs.com/image/7.gif" />
19         <img  src="http://yanyangtian.cnblogs.com/image/8.gif" />
20         <img  src="http://yanyangtian.cnblogs.com/image/7.gif" />
21         <img  src="http://yanyangtian.cnblogs.com/image/8.gif" />
22     </div>
23  </body>
24 </html>
25

首页 / 网页编程 / ASP.NET / 构建高性能ASP.NET站点之二 优化HTTP请求（前端）

首页 / 网页编程 / ASP.NET / 构建高性能ASP.NET站点之二优化HTTP请求（前端）