延时加载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 相关文章推荐
学习YUI.Ext第五日--做拖放Darg&amp;Drop
Mar 10 Javascript
JS 控件事件小结
Oct 31 Javascript
jQuery实现点击标题输入详细信息
Apr 16 Javascript
浅析jQuery1.8的几个小变化
Dec 10 Javascript
JavaScript中string转换成number介绍
Dec 31 Javascript
AngularJS使用ng-app自动加载bootstrap框架问题分析
Jan 04 Javascript
jquery实现自适应banner焦点图
Feb 16 Javascript
ng-zorro-antd 入门初体验
Dec 03 Javascript
JS使用iView的Dropdown实现一个右键菜单
May 06 Javascript
Vue程序调试的方法
Jun 17 Javascript
vue.js 2.0实现简单分页效果
Jul 29 Javascript
使用AutoJs实现微信抢红包的代码
Dec 31 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安全的URL字符串base64编码和解码
2014/06/19 PHP
PHP获取数组最后一个值的2种方法
2015/01/21 PHP
php实现转换html格式为文本格式的方法
2016/05/16 PHP
Jquery 基础学习笔记之文档处理
2009/05/29 Javascript
目前流行的JavaScript库的介绍及对比
2013/09/29 Javascript
javascript 构造函数方式定义对象
2015/01/02 Javascript
Linux下编译安装php libevent扩展实例
2015/02/14 Javascript
javascript实现详细时间提醒信息效果的方法
2015/03/11 Javascript
JQuery实现鼠标滚轮滑动到页面节点
2015/07/28 Javascript
一不小心就做错的JS闭包面试题
2015/11/25 Javascript
AngularJS 模块化详解及实例代码
2016/09/14 Javascript
javascript实现根据汉字获取简拼
2016/09/25 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
2017/01/13 Javascript
基于JavaScript实现活动倒计时效果
2017/04/20 Javascript
JavaScript中防止微信浏览器被整体拖动的方法
2017/08/25 Javascript
微信小程序scroll-view仿拼多多横向滑动滚动条
2020/04/21 Javascript
nodejs实现一个word文档解析器思路详解
2018/08/14 NodeJs
如何基于vue-cli3.0构建功能完善的移动端架子
2019/04/24 Javascript
Node使用Nodemailer发送邮件的方法实现
2020/02/24 Javascript
WebStorm中如何将自己的代码上传到github示例详解
2020/10/28 Javascript
ant design vue导航菜单与路由配置操作
2020/10/28 Javascript
[49:54]Ti4 循环赛第三日 LGD vs Titan
2014/07/12 DOTA
[00:32]DOTA2上海特级锦标赛 COL战队宣传片
2016/03/04 DOTA
python通过imaplib模块读取gmail里邮件的方法
2015/05/08 Python
Python模块、包(Package)概念与用法分析
2019/05/31 Python
Python中 CSV格式清洗与转换的实例代码
2019/08/29 Python
python使用beautifulsoup4爬取酷狗音乐代码实例
2019/12/04 Python
python目标检测给图画框,bbox画到图上并保存案例
2020/03/10 Python
基于pycharm 项目和项目文件命名规则的介绍
2021/01/15 Python
台湾流行服饰购物平台:OB严选
2018/01/21 全球购物
英国在线玫瑰专家:InterRose
2019/12/01 全球购物
文体活动实施方案
2014/03/27 职场文书
一般党员对照检查材料
2014/09/24 职场文书
惊天动地观后感
2015/06/10 职场文书
写作技巧:如何撰写一份优秀的营销策划书
2019/08/13 职场文书
MySQL多表查询机制
2022/03/17 MySQL