提高页面浏览速度的办法

一、记得帮页面减肥
    我们浏览网页实际上是将虚拟主机中的网页内容下载到本地硬盘,再用浏览器解释查看的。下载网页的快慢在显示速度上占了很大比重,所以,网页本身所占的空间越小,那么浏览速度就会越快。这就要求在做网页的时候遵循一切从简的原则,如:不要使用太大的Flash动画、图片等资源。干净、简洁的页面会给人一种思路明朗的感觉。

    二、如没必要,尽量使用静态HTML页面

    众所周知,ASP、PHP、JSP等程序实现了网页信息的动态交互,运行起来的确非常方便,因为它们的数据交互性好,能很方便地存取、更改数据库的内容,使网站“动”起来,如:论坛、留言板等。但是这类程序必须先由服务器执行处理后,生成HTML页面,然后再“送”往客户端浏览,这就不得不耗费一定的服务器资源。如果在虚拟主机上过多地使用这类程序,网页显示速度肯定会慢,所以没有必要,请尽量使用静态的HTML页面。

    三、切忌将整个页面内容塞到一个Table中

    这是网页设计的问题了,很多站长为了追求页面统一对齐,将整个页面的内容都塞进了一个Table(表格)里,然后再由单元格td来划分各个“块”的布局,这种网站的显示速度是绝对慢的。因为Table要等里面所有的内容都加载完毕后才显示出来的,如果某些内容无法访问,就会拖延整个页面的访问速度。正确的做法是:将内容分割到几个具有相同格局的Table中去,不要全都塞到一个Table里。

    四、将ASP、ASPX、PHP等文件的访问改为.js引用

    这在ASP、ASPX、PHP等程序设计时应该注意的,如果你要在静态的HTML页面里嵌入动态的数据,而这些动态的数据是由ASP、PHP等程序来提供的话,会使用以下的语句引用:,这样的话,每次有一个人访问你的网站,服务器就要执行并处理一次tongji.asp文件,从数据库抽取相应的数据,再输出给网页显示,如果有几万个人同时访问,就要执行几万次,后果就可想而知。建议在这些程序中将数据动态生成到一个1.js文件中去,然后在首页通过 < SCRIPT src="http://www.XXX.com/1.js">< /SCRIPT>这样的代码来引用该1.js文件。这样,数据显示的任务就交给客户端的浏览器去做,不会耗费服务器的资源,显示速度自然就很快。

    五、使用iframe嵌套另一页面

    如果你要在网站上插入一些广告代码,又不想让这些广告网站影响速度的话,那么,使用iframe最合适不过了。方法是:将这些广告代码放到一个独立的页面去,然后在首页用如下的代码将该页面嵌入即可,这样就不会因为广告页面的延迟而拖了整个首页的显示,代码如下: <iframe align="center" width="780" height="30" name="all" scrolling="no" marginWidth=0 frameborder="0" src=http://www.XXX.com></iframe> 其中http://www.XXX.com 就是被引用的文件路径。

    六、讲究网站计数器代码放置的技巧

    在网页里放置计数器可以统计网站的访问流量,为站长和广告商家提供访问依据,但是,不管功能有多强大的网站统计系统,都会有出故障的时候。如果直接把统计代码放到页面内容的前面,或者放在一个Table或者div标签里,那么在计数器不能访问的时候,你的页面上那个Table或者div就会产生几十秒钟的延迟,导致页面很长时间才能访问。所以,要提高网站的速度,就要讲究统计代码放置的位置,正确的方法是:把统计代码放到页面的最下面,并且不要和页面内容同在一个Table或者div标签里。可以在页面代码的最下方直接放置统计代码,或者在最下方单独做一个Table或者div来放置计数器。这样,在计数器不能访问的时候,你的网站速度也不会受到丝毫影响。

    七、友情链接的学问

    网站之间互相做链接可以增加网站的宣传效果,做LOGO图片链接更能准确地描述网站的主题和定位,宣传效果会大大的增强,但图片链接做得太多,必然会影响网页的显示速度。很多站长都喜欢直接引用友情网站上的图片URL,这样图片要先经过加载才能显示的,各个友情网站的访问速度不一样,整个表格都要等图片都下载完了才能显示出来,这样大大降低了网页的速度。因此,做友情链接时应尽量做到:

    1.只做文字链接:做文字链接是不会延迟网页速度的。

    2.将所有链接放到一个独立的分页去,然后在首页链接上该页。

    3.如果友情链接一定要出现在首页,请将链接所在的整个Table放到页面的最下方,因为页面是由上到下逐行显示的,将其放到页面的最下方,不会延迟其他内容的显示。

    4.友情链接的LOGO图片先下载后再传到自己的网页空间,这样,速度由自己的网站空间决定而不受友情网站的影响。

    总之,网站速度优化还有很多途径,尤其是在网站建设初期的架构上要多采用静态页面展现+的架构,只有这样才能从根本上提高网站访问速度。

时间: 2024-09-12 16:20:41

提高页面浏览速度的办法的相关文章

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

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

提高页面显示速度的秘技

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

提高网页浏览速度之CSS一张图片多个网页背景应用

css背景图定位,学会了这个方法,可以很有效的提高你的WEB前端设计水平.. 下图是amazon.com官方网站的一张网站应用的CSS背景图片,下面我们来详解一下它的用法. [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] 为什么把那么多网页应用的按钮和图放在一张图里呢?这是阿里西西alixixi.com的一个会员提出的问题. 这里做一下答复:好处就是可以有效的提高网页的浏览速度,图片只需一次加载,多次应用...如果你分开来的话,打开一个图片多的网页,那么你要进行十几次的图片下载操

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

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

用innerhtml提高页面打开速度

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

学会清理恶意插件,提高上网浏览速度

电脑用多的人可能会知道,当你的电脑里面程序软件过多时候,你的电脑看网页的速度会越来越慢.按理来说,我们开网页的速度主要取决于网速的快慢,和电脑本身应该没多大关系!那么这到底是怎么一回事呢?其实这是因为现在网上的多数程序软件在下载时都捆绑了工具栏.插件等一系列东西,用户在安装时稍微不注意就会把这些东西安装到浏览器中,从而加重浏览器的负担.下面我就告诉大家如何清理这些恶意插件,提高浏览器开启速度. 操作步骤: 1.在网上下载一些比较知名的电脑保护软件,比如360安全卫士.金山等等; 2.打开360安

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

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

提高页面浏览时长 十个妙招帮你达成

增加网页的浏览时长是每个网站拥有者的愿望.访问者在网站停留的时间越长,带来的销售机会就越大,他们可能成为你忠实的用户.网页停留时长也会成为你的网站排名的重要依据.像谷歌这样的搜索引擎对网友对网站的参与程度很关注,网站停留时长的增加会带来排名的提升.让访问者在你的网站上待更长的时间是非常重要的,这里有10个技巧可以让访问者在网站上保持更长的时间. 1.在内容中添加超链 与其在登录页面上放下所有用户需要的信息,不如在这页面上添加几个超链.这样一来,你的访问者可能点开链接,而不会迅速按后退按钮离开网站

存储过程对页面访问速度的影响

当所执行的SQL语句中有大量重用语句时,即页面A和页面B所执行的SQL语句      有大量重复操作,存在一个交集时,存储过程是可以提高网页浏览速度的.      一.如果是如此,在编写过程中,尽量提高程序的颗粒度,即尽量细化,尽量编写些原子过程,然后在逐层调用,搭建应用程序,就象搭积木似的.由于充 分地利用代码的可重用性,这会一定的提高网页访问速度.      二.若页面中SQL语句特别冗长时,利用存储过程时,传输的将仅仅是调用的 一句话,而不用则需要在网络中传输一大段SQL语句,这会提高访问