asp.net如何加快页面加载(二)

上一章讲因为使用服务器控件导致加载慢的问题，今天我介绍如何使用客户端控件（html控件）加快页面加载。

现在我们直接切入正题：

一.文件数量 有的就会奇怪，文件数量会有影响？那我们就来揭开这个疑问吧：首先我们的浏览也是个应用程序，访问我网页时也是在调用文件打开文件读取文件。如果我们完成一个页面的功能总用到的文件量多，在打开读取关闭文件上就会受到一些影响。而文件也大打开所花的时间也就越多。一个页面包括以下文件需要注意：

1. 图片文件，图片文件不宜太大，也不建议使用太多，如果小图片很多，可以考虑使用集合来完成封装。这样减少图片的加载。可以提高网页的io输出。
2. 样式文件，在布局时编写特别需要讲究，如果你做的好的话一个页面的样式可能就几十行，如果设计编写比较丑陋可能达到上百行，或大几百行（div+css章节）。同时样式文件也可以使用样式调用样式文件，以减少页面文件在打开时解析过多的样式文件。
3. 脚本文件，主要是优化你的功能逻辑代码，减少冗余代码，同时还可以代码压缩，以及脚本文件调用脚本文件。
   
4. 页面代码，这个可能就得提高页面布局这块，可以参考以前的div+css章节。
   

二.布局 通常我们都说布局有两种，一种是表格布局，一种是div+css布局。这两种布局有何优缺点：

1. 表格布局
   

• 优点：布局快，方便，对于初学来说上手快；
• 缺点：代码量大，加载慢（这个是因为表格在加载时，只有Table整块代码加载完成才显示）
  

1. div+css布局
   

• 优点：布局灵巧，代码量小，加载快（加载原理：边加载边显示）
• 缺点：布局复杂，注重于css来控制排版不易学；
• div+css 布局章节：
  

1. Div+Css 如何让页面更精美(一)
2. Div+Css 如何让页面更精美(二)——样式
3. Div+Css 如何让页面更精美(三)——网页布局
   

三.加载技巧 对一些脚本文件可以选择放置在底部加载

参考：家常食谱网 http://shipu.naoqiu.com

希望大家多多探讨，多多指教，共同进步。

转载请加注地址