首页 > 网站 > 建站经验 > 正文

先加载网页最后加载广告的方法

2024-04-25 20:19:40
字体:
来源:转载
供稿:网友
这篇文章主要为大家详细介绍了先加载网页最后加载广告的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

页面中有很多JS广告代码,或者其他的JS代码太大,这时候加载起来就会很费时间。使用JS广告代码延迟加载或是最后加载的方法以加快页面载入速度。

JS广告代码延迟加载或是最后加载将会加快页面载入速度,给用户良好的体验效果。如果页面中有很多JS广告代码,或者其他的JS代码太大,这时候加载起来就会很费时间。使用JS广告代码延迟加载或是最后加载的方法以加快页面载入速度。361源码总结了2个办法来实现,如下:

方法一

第一步:把这段代码放在你要放广告的网页位置,让先只是显示“广告加载中…”的字样

<div id=ad_box>广告载入中…</div>

第二步:把这段代码放到页面的底部,将广告代码加载到上面那个位置,取代原来的文字!

<div id="ad_code" style="display:none">这里放js广告代码或者其它加载比较慢的广告代码</div><script type="text/javascript">document.getElementById("ad_box").innerHTML=document.getElementById("ad_code").innerHTML;</script>

这样设置以后当刚进入网页的时候在广告位置显示的是 广告载入中... 等网页显示完毕,广告载入后就显示了,如果广告服务器出了问题,不会因为广告影响了网页访问!

上面这种方便比较常用,下面介绍的第二种方法,是防止JS太大,影响加载速度的。

方法二:

<script language="JavaScript" src="" id="my"></script>  <script>  setTimeout("document.getElementById('my').src='include/php100.php'; ",3000);//延时3秒  </script>

JS延迟3秒加载。

以上就是先加载网页最后加载广告的方法的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持武林网。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表