延时加载JavaScript代码提高速度
延时加载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>
相关文章
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说制作延时摄影城市照片效果的教程,各位想知道具体制作方法的使用者们,那么就快来看看教程吧。 给...2016-09-14
- 这篇文章主要介绍了bat文件暂停延时的脚本代码,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-09-24
- 本篇文章主要介绍了ThinkPHP+jquery实现“加载更多”功能代码,以实例代码讲诉了加载更多的代码实现,非常具有实用价值,需要的朋友可以参考下 ...2017-03-13
- 这篇文章主要介绍了C#实现延时并自动关闭MessageBox的方法,非常实用的功能,需要的朋友可以参考下...2020-06-25
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
这篇文章主要介绍了jQuery Easyui使用之可折叠面板动态加载无效果的解决方案,非常不错,具有参考借鉴价值,感兴趣的朋友一起看下吧...2016-08-24- 这篇文章主要介绍了jQuery实现模仿微博下拉滚动条加载数据效果,涉及jQuery响应下拉滚动事件动态操作页面元素的技巧,需要的朋友可以参考下...2015-12-27
- 在网上有很多关于判断图片是否已经加载完毕的文章,但是有的浏览器并不适合,下面小编给大家分享一些有关JavaScript判断图片是否已经加载完毕的方法汇总,需要的朋友参考下...2016-02-12
如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
ECharts地图主要用于地理区域数据的可视化,展示不同区域的数据分布信息,通过本文给大家介绍如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据,需要的朋友参考下吧...2016-02-26- 这篇文章主要介绍了Treegrid的动态加载实例代码的相关资料,需要的朋友可以参考下...2016-05-04
- 这篇文章主要介绍了jquery及js实现动态加载js文件的方法,结合实例形式分别讲述了基于jQuery以及基于JavaScript的文件动态加载方法,需要的朋友可以参考下...2016-01-24
- 本篇文章主要介绍了AngulerJS学习之按需动态加载文件,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 ...2017-02-19
JS中setTimeout和setInterval的最大延时值详解
这篇文章主要介绍了JS中setTimeout和setInterval的最大延时值的相关资料,文中通过示例代码介绍的很详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。...2017-02-19- 本文主要介绍了微信小程序中实现列表的上拉加载和下拉刷新的方法。具有很好的参考价值。下面跟着小编一起来看下吧...2017-04-03
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
这篇文章主要介绍了EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)的相关资料,需要的朋友可以参考下...2016-02-23- 这篇文章主要介绍了jQuery加载及解析XML文件的方法,结合实例形式分析了xml文件的创建及jQuery针对xml文件的获取、解析相关操作技巧,需要的朋友可以参考下...2017-01-26
- Echo 是一个独立的 JavaScript 懒加载图像的工具,快速、体积小(不足1k)和使用 HTML5 的 data- 属性,通过本文给大家介绍JavaScript图像延迟加载库Echo.js ,感兴趣的朋友一起学习吧...2016-04-06
- 这篇文章主要为大家详细介绍了JavaScript实现无穷滚动加载数据,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2017-05-09
- 延迟加载通常是直到用户交互时才加载,那么如何实现延时加载的呢?下面通过本文一起学习AngularJS中的Directive实现延迟加载,对angularjs延时加载相关知识感兴趣的朋友一起学习吧...2016-01-26
- 这篇文章主要介绍了WinForm的延时加载控件,很实用的技巧,在C#程序设计中有着比较广泛的应用,需要的朋友可以参考下...2020-06-25
- 这篇文章主要介绍了javascript实现简单加载随机色方块的相关资料,感兴趣的小伙伴们可以参考一下...2015-12-27