延时加载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 相关文章推荐
理解 JavaScript 预解析
Oct 25 Javascript
JavaScript中的prototype使用说明
Apr 13 Javascript
jQuery判断密码强度实现思路及代码
Apr 24 Javascript
chrome浏览器不支持onmouseleave事件的解决技巧
May 31 Javascript
JavaScript中奇葩的假值示例应用
Mar 11 Javascript
Node.js 服务器端应用开发框架 -- Hapi.js
Jul 29 Javascript
JQuery 传送中文乱码问题的简单解决办法
May 24 Javascript
JavaScript中的对象继承关系
Aug 01 Javascript
安装Node.js并启动本地服务的操作教程
May 12 Javascript
学习jQuery中的noConflict()用法
Sep 28 jQuery
详解vue如何使用rules对表单字段进行校验
Oct 17 Javascript
浅谈鸿蒙 JavaScript GUI 技术栈
Sep 17 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中文件缓存转内存缓存的方法
2011/12/06 PHP
php实现的css文件背景图片下载器代码
2014/11/11 PHP
PHP中余数、取余的妙用
2015/06/29 PHP
PHP PDOStatement::setAttribute讲解
2019/02/01 PHP
javascript 冒号 使用说明
2009/06/06 Javascript
JQuery事件e参数的方法preventDefault()取消默认行为
2013/09/26 Javascript
JavaScript中数据结构与算法(二):队列
2015/06/19 Javascript
jQuery匹配文档链接并添加class的方法
2015/06/26 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
2016/02/23 Javascript
Javascript中的神器——Promise
2017/02/08 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
2020/10/26 Javascript
Python map和reduce函数用法示例
2015/02/26 Python
Python卸载模块的方法汇总
2016/06/07 Python
Python设置默认编码为utf8的方法
2016/07/01 Python
浅谈Python 的枚举 Enum
2017/06/12 Python
mac下如何将python2.7改为python3
2018/07/13 Python
Python查找数组中数值和下标相等的元素示例【二分查找】
2019/02/13 Python
Python玩转加密的技巧【推荐】
2019/05/13 Python
PyQt5 在label显示的图片中绘制矩形的方法
2019/06/17 Python
用openCV和Python 实现图片对比,并标识出不同点的方式
2019/12/19 Python
宝塔面板成功部署Django项目流程(图文)
2020/06/22 Python
python里glob模块知识点总结
2021/01/05 Python
用python批量移动文件
2021/01/14 Python
英国Zoro工具:手动工具,电动工具和个人防护用品
2016/11/02 全球购物
friso美素佳儿官方海外旗舰店:荷兰原产原罐
2017/07/03 全球购物
韩国美国时尚服装和美容在线全球市场:KOODING
2018/11/07 全球购物
全球在线商店:BerryLook
2019/04/14 全球购物
英国最大的在线亚洲杂货店:Red Rickshaw
2020/03/22 全球购物
SOA的常见陷阱或者误解是什么
2014/10/05 面试题
安全责任书范文
2014/08/25 职场文书
2014年世界艾滋病日演讲稿
2014/11/28 职场文书
毕业生对母校寄语
2015/02/26 职场文书
春季运动会加油词
2015/07/18 职场文书
2019求职信:应届生求职信范文
2019/04/24 职场文书
2019关于垃圾分类处理的调查报告
2019/12/26 职场文书
python 破解加密zip文件的密码
2021/04/22 Python