请在Chrome、Firefox等现代浏览器浏览本站。网站域名:森林之家(www.foresthouse.cn)爱学习、爱分享、爱绿软、爱恐怖、爱音乐、爱唠叨、爱折腾、爱生活!

利用ID来延迟JS广告加载提高网页执行速度

心得笔记 forest 1054℃ 已收录 0评论

利用ID来延迟JS广告加载提高网页执行速度

如果网站中的JS中的文件比较多又特别大的时候会把整个网站都拖慢,特别是那些在网页头部就开始执行的JS文件效果更明显,那么有个设想利用div的id占用一个位置并且把JS输出到这个id中,并且把所有的js文件都放在网页部,这样在网页执行的时候开始就不会执行JS文件,等所有文章执行以后到达了网页底部时接触到JS才开始执行。

简单一点就是执行的过程是这样的:网页执行-执行到预留的id继续执行-执行到js文件把JS的值返回给预留的id-继续执行-结束

那么就有了下面这样的代码:

首先我们比如说在网页的头部需要执行一个JS文件我们把需要显示并执行的位置用以下代码表示:

<div id="ad">loading...</div>
说明:上面这个代码就表示你要放的JS代码
然后我们在页面底部或者其它地方加入以下代码:
<div id="span_ad"><script src="/ad.js"></script></div>
//说明:上面代码的作用是把我们最终要加入网页的js文件传递到“span_ad”中;
<script type="text/javascript">
document.getElementById("ad").innerHTML = document.getElementById("span_gg01").innerHTML;
//说明:上面代码的作用是把“span_ad”的值传给“ad”
document.getElementById("span_gg01").innerHTML = "";</script>
//这里开始执行js代码并写入到html中。
现在再来试试网页的打开速度是不是快了很多,其实本质并不是能真正把网页的速度变得快,而是把执行起来比较慢比较拖后腿的而且没有必要在开始就执行的东西放到网页的最后执行,当你打开网页的时候浏览器早已经把网页最前面的代码执行完毕了。
本站文章如未注明,均为原创丨本网站采用BY-NC-SA协议进行授权,转载请注明转自:http://www.foresthouse.cn/archives/5552.html
喜欢 (2)or分享 (0)
发表我的评论(注:在您评论完以后不会立即显示,请不要重复刷新以免进入黑名单。)
取消评论
表情 代码 贴图 加粗 链接 私信 删除线 签到

Hi,请填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址