延时加载JavaScript代码提高速度


Posted in Javascript onDecember 27, 2015

延时加载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>
Javascript 相关文章推荐
jquery.boxy插件的iframe扩展代码
Jul 02 Javascript
关于Javascript与iframe的那些事儿
Jul 04 Javascript
JavaScript获得当前网页来源页面(即上一页)的方法
Apr 03 Javascript
JS实现CheckBox复选框全选全不选功能
May 06 Javascript
JS与jQ读取xml文件的方法
Dec 08 Javascript
jQuery+Ajax实现无刷新操作
Jan 04 Javascript
javascript正则表达式之分组概念与用法实例
Jun 16 Javascript
vue学习笔记之v-if和v-show的区别
Sep 20 Javascript
详解Angular路由之路由守卫
May 10 Javascript
基于ionic实现下拉刷新功能
May 10 Javascript
使用 Opentype.js 生成字体子集的实例代码详解
May 25 Javascript
JS实现手风琴特效
Nov 08 Javascript
AngularJS使用ngMessages进行表单验证
Dec 27 #Javascript
详解maxlength属性在textarea里奇怪的表现
Dec 27 #Javascript
SublimeText自带格式化代码功能之reindent
Dec 27 #Javascript
Javascript removeChild()删除节点及删除子节点的方法
Dec 27 #Javascript
JavaScript的removeChild()函数用法详解
Dec 27 #Javascript
JavaScript构造函数详解
Dec 27 #Javascript
JavaScript生成二维码图片小结
Dec 27 #Javascript
You might like
PHP实现图片简单上传
2006/10/09 PHP
php利用iframe实现无刷新文件上传功能的代码
2011/09/29 PHP
CodeIgniter安全相关设置汇总
2014/07/03 PHP
PHP生成网站桌面快捷方式代码分享
2014/10/11 PHP
深入浅出php socket编程
2015/05/13 PHP
PHP使用正则表达式获取微博中的话题和对象名
2015/07/18 PHP
php5.4传引用时报错问题分析
2016/01/22 PHP
PHP底层运行机制与工作原理详解
2020/07/31 PHP
Mootools 1.2教程 定时器和哈希简介
2009/09/15 Javascript
找出字符串中出现次数最多的字母和出现次数精简版
2012/11/07 Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
2013/02/01 Javascript
JS去掉第一个字符和最后一个字符的实现代码
2014/02/20 Javascript
jQuery取id有.的值的方法
2014/05/21 Javascript
jquery实现红色竖向多级向右展开的导航菜单效果
2015/08/31 Javascript
JS实现的最简Table选项卡效果
2015/10/14 Javascript
JS中创建函数的三种方式及区别
2016/03/13 Javascript
JS表单数据验证的正则表达式(常用)
2017/02/18 Javascript
基于JavaScript实现微信抢红包功能
2017/07/20 Javascript
详解vue渲染函数render的使用
2017/12/12 Javascript
JS中判断字符串存在和非空的方法
2018/09/12 Javascript
微信小程序时间戳转日期的详解
2019/04/30 Javascript
[46:50]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python同时给两个收件人发送邮件的方法
2015/04/30 Python
python递归计算N!的方法
2015/05/05 Python
浅谈Python2.6和Python3.0中八进制数字表示的区别
2017/04/28 Python
Python基于正则表达式实现检查文件内容的方法【文件检索】
2017/08/30 Python
Python中的defaultdict与__missing__()使用介绍
2018/02/03 Python
python3+PyQt5实现文档打印功能
2018/04/24 Python
解决webdriver.Chrome()报错:Message:'chromedriver' executable needs to be in Path
2019/06/12 Python
postman传递当前时间戳实例详解
2019/09/14 Python
python else语句在循环中的运用详解
2020/07/06 Python
电大自我鉴定
2013/10/27 职场文书
财务总监管理职责范文
2014/03/09 职场文书
建设工地安全标语
2014/06/07 职场文书
领导离职感言
2015/08/03 职场文书
python编写函数注意事项总结
2021/03/29 Python