延时加载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 相关文章推荐
最短的IE判断var ie=!-[1,]分析
May 28 Javascript
Node.js(安装,启动,测试)
Jun 09 Javascript
JS延时提示框实现方法详解
Nov 26 Javascript
分享Javascript实用方法二
Dec 13 Javascript
jquery 判断div show的状态实例
Dec 03 Javascript
用director.js实现前端路由使用实例
Jan 27 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
Feb 12 Javascript
js 转义字符及URI编码详解
Feb 28 Javascript
JavaScript树的深度优先遍历和广度优先遍历算法示例
Jul 30 Javascript
详解React中合并单元格的正确写法
Jan 08 Javascript
Vue中jsx不完全应用指南小结
Nov 01 Javascript
JS+CSS实现3D切割轮播图
Mar 21 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
生成缩略图
2006/10/09 PHP
WordPress判断用户是否登录的代码
2011/03/17 PHP
分享一个PHP数据流应用的简单例子
2012/06/01 PHP
php中 ob_start等函数截取标准输出的方法
2015/06/22 PHP
深入理解PHP中的empty和isset函数
2016/05/26 PHP
php 在字符串指定位置插入新字符的简单实现
2016/06/28 PHP
PHP实现针对日期,月数,天数,周数,小时,分,秒等的加减运算示例【基于strtotime】
2017/04/19 PHP
在laravel框架中实现封装公共方法全局调用
2019/10/14 PHP
PHP 图片处理
2020/09/16 PHP
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
2007/03/06 Javascript
让浏览器非阻塞加载javascript的几种方法小结
2011/04/25 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
2012/06/20 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
2016/01/18 Javascript
JS原型、原型链深入理解
2016/02/27 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
2016/03/05 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
2016/08/24 Javascript
vue引入swiper插件的使用实例
2017/07/19 Javascript
bootstrap-Treeview实现级联勾选
2017/11/23 Javascript
JS实现显示当前日期的实例代码
2018/07/03 Javascript
electron制作仿制qq聊天界面的示例代码
2018/11/26 Javascript
node.js制作一个简单的登录拦截器
2020/02/10 Javascript
[01:13:18]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
Linux CentOS7下安装python3 的方法
2018/01/21 Python
PyCharm设置SSH远程调试的方法
2018/07/17 Python
深入了解如何基于Python读写Kafka
2019/12/31 Python
Python自动化之UnitTest框架实战记录
2020/09/08 Python
Python 爬取淘宝商品信息栏目的实现
2021/02/06 Python
福克斯租车:Fox Rent A Car
2017/04/13 全球购物
香港礼品网站:GiftU eshop
2017/09/01 全球购物
Happy Plugs官网:瑞典无线耳机品牌
2020/07/16 全球购物
Sony C++笔试题
2013/03/10 面试题
企业厂长岗位职责
2013/12/17 职场文书
团日活动总结模板
2014/06/25 职场文书
慈善募捐倡议书
2015/04/27 职场文书
解决redis sentinel 频繁主备切换的问题
2021/04/12 Redis
python如何查找列表中元素的位置
2022/05/30 Python