客户端提高WEB页面显示速度的方法(1)

web|客户端|速度|显示|页面

客户端提高WEB页面的显示速度,对客户端浏览器来说,就是要把获得Html代码,尽快地显示出来,而不是要等剩余的Html都接受到了后,才显示出来。

Html 中的Table 标签 必须整个Table 的内容都接受完毕,才可以显示出来。

如果这时候服务器响应速度不快,就会看到一个页面打开需要很久。其实这之间已经下载了不少内容。只是由于一些标签中的内容没下载完毕,无法显示而已,这样如果网络带宽又不好,给用户的体验会很不爽。

我关注的一个文学网站,用 JavaScript 加载数据岛的方式,比较好的解决了显示速度的问题。有兴趣的可以参考这个网站? :http://www.pinshu.com/book/booklist1.asp?ShuID=645

他是用 Table 定义了整个页面的主要架构,每个块中具体要显示的内容,在数据岛上定义。然后用JavaScript加载这些数据。然后再显示出来。

这个方案的好处就是,整个页面的架构很快就可以显示出来。然后慢慢的把每一块的数据都加载上去。

缺点就是,数据岛,用到的JavaScript,? 有很多是只有IE支持的。兼容性不好。

对需要考虑兼容性的网站来说,不合适。

大型的网站,在设计的时候,会适当的用Table,一个页面由多个独立的Table,? 每个Table 都不是很大,一个Table 数据下载完毕,马上就可以显示出来。

一个典型的站点就是 http://news.sina.com.cn? 它每一横块的新闻都是一个Table,然后每一横块都是一个方面的新闻,这一方面内容下载完毕,就可以立即显示了。不用等所有数据下载完毕。

使用表格时,可采用以下方式
(1)将可能的大表格划小
(2)加上<tbody>标签
(3)采用Style="table-layout:fixed" 使表格以递行的方式显示
(4)尽可能的给出每单元格的width,height

时间: 2024-09-19 09:37:03

客户端提高WEB页面显示速度的方法(1)的相关文章

提高网页页面显示速度的秘技

在安排Web页面的布局时,最常用的方法之一是用HTML表格界定页面的结构.例如,假设Web页面由顶端的导航条和它下面的两栏(列)构成--左边的列是一个导航条,右边的列是实际安置内容的区域.对于这样一个页面,我们可以用一个两行.两列的大表格进行布局:在第一行中,合并两个列然后放上顶端导航表格:在第二个行中,左边的列放上一个显示导航按钮的表格,右边的列再用一个表格显示页面的实际内容.用这种表格嵌套表格的方法进行布局可以得到非常好的效果. 要制作出这种页面,我们可以使用如下HTML代码: < TABL

用innerhtml提高页面打开速度的方法

这篇文章介绍了用innerhtml提高页面打开速度的方法,有需要的朋友可以参考一下   查看源代码,可以发现,页首的登陆代码位置,只有一行 复制代码 代码如下: <div id="headtop"></div> 而flash幻灯的位置,也只有一行 复制代码 代码如下: <div id="index_slide"></div> 对于这种需要耗时的代码,最好是放在页面最后面加载,然后用innerhtml的方法加载到对应位置

提高页面显示速度的秘技

速度|显示|页面 在安排Web页面的布局时,最常用的方法之一是用HTML表格界定页面的结构.例如,假设Web页面由顶端的导航条和它下面的两栏(列)构成--左边的列是一个导航条,右边的列是实际安置内容的区域.对于这样一个页面,我们可以用一个两行.两列的大表格进行布局:在第一行中,合并两个列然后放上顶端导航表格:在第二个行中,左边的列放上一个显示导航按钮的表格,右边的列再用一个表格显示页面的实际内容.用这种表格嵌套表格的方法进行布局可以得到非常好的效果.      要制作出这种页面,我们可以使用如下

Dreamweaver中提高页面显示速度的秘技

在安排Web页面的布局时,最常用的方法之一是用HTML表格界定页面的结构.例如,假设Web页面由顶端的导航条和它下面的两栏(列)构成--左边的列是一个导航条,右边的列是实际安置内容的区域.对于这样一个页面,我们可以用一个两行.两列的大表格进行布局:在第一行中,合并两个列然后放上顶端导航表格;在第二个行中,左边的列放上一个显示导航按钮的表格,右边的列再用一个表格显示页面的实际内容.用这种表格嵌套表格的方法进行布局可以得到非常好的效果. 要制作出这种页面,我们可以使用如下HTML代码: < TABL

用innerhtml提高页面打开速度的方法_javascript技巧

查看源代码,可以发现,页首的登陆代码位置,只有一行 复制代码 代码如下: <div id="headtop"></div> 而flash幻灯的位置,也只有一行 复制代码 代码如下: <div id="index_slide"></div> 对于这种需要耗时的代码,最好是放在页面最后面加载,然后用innerhtml的方法加载到对应位置,达到加快页面打开速度的目的. 复制代码 代码如下: $("#headtop&

提高.net页面性能10种方法

1.采用 http module 控制页面的生命周期. 2.自定义response.filter得到输出流stream生成动态页面的静态内容(磁盘缓存). 3.页面gzip压缩. 4.outputcache 编程方式输出页面缓存. 5.删除页面空白字符串.(类似google) 6.完全删除viewstate. 7.删除服务器控件生成的垃圾namingcontainer. 8.使用计划任务按时生成页面.(本文不包含该做法的实现) 9.js,css教程压缩.合并.缓存,图片缓存.(限于文章篇幅,本文

如何提升页面显示速度

1.音.视频.图像的减肥.如无必要,尽量不要使用背景音乐,除非你是一些特别娱乐类的网站.如果需要用到视频展示的话,最好把视频文件单独做一个页面,然后在主页上放一个链接,这样可以有效减少主页面容量,提高主页面打开速度.图像文件根据需要进行裁剪.压缩,在保证效果的前提下进行降质.如果处理得当,在几乎不影响效果的前提下,可以达到整体容量压缩50%以上,对提升显示速度非常有好处. 2.尽量采用DIV+CSS布局,避免使用表格布局. 3.友情链接尽量采用文字而非图像. 4.一些打开速度比较慢的内容,单独做

web server使用php生成web页面的三种方法总结_php实例

查找mysql_pconnect时在mysql帮助文档上发现的,记在这里. web server使用php生成一个web页面的三式有以下三种: 一:把PHP作为CGI Wrapper.这种方式下,每个到达web server的请求都会导致一个php解析器进程被创建,当这个php页面执行结束时,这个php解析器进程终止. 二:在多进程的web server中,把php作为web server的一个模块.这是目前最流行的做法,但是当前也只有apahce用的这种方式.一个多进程的web server通

提高ASP页面执行效率的方法分析_应用技巧

这些大都是与硬件相关.其实在软件上,好的程序设计的方法和正确的参数配置也可以提高程序的性能,有时 在同等情况下只要改变一个参数,程序执行效率就能大大提高.本文就试着在这方面做些探索. 一.影响性能的因素 ASP程序运行的性能主要决定于以下2个大方面: 1.HTML页面的执行效率 2.反应时间,其中反应时间主要受制于下面要素: (1).ASP页面的执行效率 (2).数据库因素 下面我们就来详细讨论一下. 二.详细讨论 1.影响HTML的因素 HTML页面的执行效率是一个纯客户端的问题.影响这个问题