上一章讲因为使用服务器控件导致加载慢的问题,今天我介绍如何使用客户端控件(html控件)加快页面加载。
现在我们直接切入正题:
一.文件数量 有的就会奇怪,文件数量会有影响?那我们就来揭开这个疑问吧:首先我们的浏览也是个应用程序,访问我网页时也是在调用文件打开文件读取文件。如果我们完成一个页面的功能总用到的文件量多,在打开读取关闭文件上就会受到一些影响。而文件也大打开所花的时间也就越多。一个页面包括以下文件需要注意:
- 图片文件,图片文件不宜太大,也不建议使用太多,如果小图片很多,可以考虑使用集合来完成封装。这样减少图片的加载。可以提高网页的io输出。
- 样式文件,在布局时编写特别需要讲究,如果你做的好的话一个页面的样式可能就几十行,如果设计编写比较丑陋可能达到上百行,或大几百行(div+css章节)。同时样式文件也可以使用样式调用样式文件,以减少页面文件在打开时解析过多的样式文件。
- 脚本文件,主要是优化你的功能逻辑代码,减少冗余代码,同时还可以代码压缩,以及脚本文件调用脚本文件。
- 页面代码,这个可能就得提高页面布局这块,可以参考以前的div+css章节。
二.布局 通常我们都说布局有两种,一种是表格布局,一种是div+css布局。这两种布局有何优缺点:
- 表格布局
- 优点:布局快,方便,对于初学来说上手快;
- 缺点:代码量大,加载慢(这个是因为表格在加载时,只有Table整块代码加载完成才显示)
- div+css布局
- 优点:布局灵巧,代码量小,加载快(加载原理:边加载边显示)
- 缺点:布局复杂,注重于css来控制排版不易学;
- div+css 布局章节:
三.加载技巧 对一些脚本文件可以选择放置在底部加载
参考:家常食谱网 http://shipu.naoqiu.com
希望大家多多探讨,多多指教,共同进步。
转载请加注地址