延时加载JavaScript代码提高速度
2015-12-27 12:30
597 查看
延时加载js代码提高速度,具体内容如下所示:
如果网页中存在大量的javascript代码会极大的影响网页的访问速度,下面就简单介绍一下如何处理此问题。
一.延时加载js文件:
可以使用定时器函数setTimeout()让外部的js文件延迟加载,例如:
<script type="text/javascript" src="" id="my"></script> <script type="text/javascript"> var js=document.getElementById("my"); function addjs(){ js.src="js/js.js"; } setTimeout(addjs,3000); </script>
以上代码可以实现js代码咋3秒之后再加载,这样可以在一定程度上提高速度。
二.将js代码放到网页内容的后面:
这个比较简单了,就不用说了,就是将js代码放在网页内容的后面,一把是放在body的最底部,这样也可以先加载内容再去执行js代码,也能够提高一定的速度。
下面给大家介绍JS广告代码延迟加载或是最后加载加快页面载入
JS广告代码延迟加载或是最后加载加快页面载入,如果页面中有很多JS广告代码,或者其他的js/' target='_blank' class='u'>JS代码太大,这时候加载起来就会很费时间。使用JS广告代码延迟加载或是最后加载的方法以加快页面载入速度。
第一,JS延迟加载
代码如下:
<script language="JavaScript" src="" id="my"></script> <script> setTimeout("document.getElementById('my').src='include/php100.php'; ",3000);//延时3秒 </script>
第二,JS广告代码最后加载
在需要插入JS的地方插入以下代码:
程序代码
<SPAN id=L4EVER>LOADING...</SPAN>
当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢.
然后在页面最底端插入:
<SPAN class=spanclass id=AD_L4EVER> 你的JS代码在这里!</SPAN> <script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>
第三,JS最后加载
想要显示JS广告代码的位置
<div id="guangg1"></div>
想要显示的广告内容
<div id="ggad1"><script language="javascript" src="/frontpage/include/php100.js"></script></div>
判断要显示的广告位置是否存在
<script> function chkdiv(divid){ var chkid=document.getElementById(divid); if(chkid != null) {return true; } else {return false; } } 最后就是显示JS广告代码了 if (chkdiv('guangg1')) { document.getElementById('guangg1').innerHTML= document.getElementById('ggad1').innerHTML; document.getElementById('ggad1').innerHTML=""; } </script>
您可能感兴趣的文章:
相关文章推荐
- FREEBASIC 编译可被python调用的dll函数示例
- 批处理 延时不完全总结
- 批处理bat 延时执行命令的两种方法
- jQuery下实现等待指定元素加载完毕(可改成纯js版)
- jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
- 提升PHP速度全攻略
- jQuery+PHP+ajax实现微博加载更多内容列表功能
- 一些技巧性实用js代码小结
- Jquery ajax加载等待执行结束再继续执行下面代码操作
- JavaScript判断图片是否能够加载,失败则替换默认图片
- js 判断图片是否加载完以及实现图片的预下载
- js 加载时自动调整图片大小
- jQuery实现模仿微博下拉滚动条加载数据效果
- jQuery实现鼠标经过事件的延时处理效果
- 优化Jquery,提升网页加载速度
- jQuery移动web开发中的页面初始化与加载事件
- js检测iframe是否加载完成的方法
- js实现动态加载脚本的方法实例汇总
- 如何编写高质量JS代码(续)