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

这篇文章介绍了用innerhtml提高页面打开速度的方法,有需要的朋友可以参考一下
 

 查看源代码,可以发现,页首的登陆代码位置,只有一行

复制代码 代码如下:

<div id="headtop"></div>

而flash幻灯的位置,也只有一行

复制代码 代码如下:

<div id="index_slide"></div>

对于这种需要耗时的代码,最好是放在页面最后面加载,然后用innerhtml的方法加载到对应位置,达到加快页面打开速度的目的。

复制代码 代码如下:

$("#headtop").html($("#headtop2").html());
$("#index_slide").html($("#index_slide2").html());

时间: 2024-10-01 20:54:48

用innerhtml提高页面打开速度的方法的相关文章

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

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

用innerhtml提高页面打开速度

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

动态载入js提高网页打开速度的方法_javascript技巧

一般来说如果一次性的载入所有需要的JavaScript代码,就会造成初始网页打开速度变慢,但是很多载入的代码又并不需要使用,这种无谓的性能浪费应该予以避免.如果要动态载入JavaScript代码,可以利用DOM模型在HTML文档中添加<script>结点,并将此结点的src属性(即 外联 Javascript文件)设置为需要动态载入的JavaScript代码. 下面就是完成这样功能的一个示例: (1).新建JsLoaderTest.html文件 <html xmlns="htt

受欢迎网站的前提提高网页打开速度

  关于受欢迎网站用户体验的方法论有很多,最基本的:别让我等!!提高网页打开速度. 为什么迅雷在下载软件中独树一帜?为什么越来越多的用户在低画质的视频网站上在线观看连续剧,而不是下载更清晰的视频文件?答案是:用户的耐心非常有限,用户对速度的追求远远超过了对画质等因素的追求. 回到网站运营问题上,你是否有在全国各地都测试过,访问打开你的网站需要几秒? 曾有很多研究表明:用户最满意的打开网页时间是2-5秒,如果等待超过10秒,99%的用户会关闭这个网页.也许这样讲,各位还不会有太多感触,接下来,我列

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

web|客户端|速度|显示|页面 客户端提高WEB页面的显示速度,对客户端浏览器来说,就是要把获得Html代码,尽快地显示出来,而不是要等剩余的Html都接受到了后,才显示出来. Html 中的Table 标签 必须整个Table 的内容都接受完毕,才可以显示出来. 如果这时候服务器响应速度不快,就会看到一个页面打开需要很久.其实这之间已经下载了不少内容.只是由于一些标签中的内容没下载完毕,无法显示而已,这样如果网络带宽又不好,给用户的体验会很不爽. 我关注的一个文学网站,用 JavaScrip

提高页面显示速度的秘技

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

提高网页打开速度的一些小技巧

互联网带宽越来越宽,似乎让网页的加载速度得到了质的飞跃.其实不然,因为随着带宽的提高,网页上的对象也越来越多,因此加快网页打开速度还是一个重要的课题. 加快网页的打开速度,有三个路径,一是提高网络带宽,二是用户在本机做优化,三是网站设计者对网页做一定的优化.这篇文章站在一个网站设计者的角度,分享一些优化网页加载速度的小技巧. 一.优化图片 几乎没有哪个网页上是没有图片的.如果你经历过56K猫的年代,你一定不会很喜欢有大量图片的网站.因为加载那样一个网页会花费大量的时间. 即使在现在,网络带宽有了

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

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

JS延迟加载加快页面打开速度

 使用JS延迟加载可以加快打开速度,下面有几个不错的示例,感兴趣的朋友可以参考下 第一,JS延迟加载    代码如下:  代码如下: <script language="JavaScript" src="" id="my"></script>  <script language="JavaScript">  setTimeout("document.getElementById('