当前位置:主页 > 建站技术 > 图文教程 >                                                                                 空间推荐
让广告最后加载加快网页打开速度详细图文教程
来源:便宜吧 作者:便宜吧编辑 更新时间:2011-05-22 08:46 点击: 评论:
让广告最后加载加快网页打开速度详细图文教程 网页打开速度一直是站长所关心的问题,怎样将自己的网站优化到最佳速度呢?其实,很多
LOADING...

让广告最后加载加快网页打开速度详细图文教程

网页打开速度一直是站长所关心的问题,怎样将自己的网站优化到最佳速度呢?其实,很多时候站长在页面中加入了大量的JS代码,如广告联盟的代码。因为网页加载都是按顺序来的,当网页前面广告半天加载不完全的时候,接下来的内容也显示不出来,严重影响了用户体验。有没有什么方法可以让广告最后加载呢?下面便宜吧就简单介绍一下让广告最后加载从而加快网页打开速度的方法,供大家参考。

先说一下有蛮多人用的方法:

在需要插入JS的地方插入以下代码:

程序代码
<SPAN id=ADTEST> LOADING... </SPAN>

当然,那个LOADING…你可以换成自己喜欢的小图片或者自己换成任何提示都行,比如写成 广告加载中.....

然后在页面最底端插入:程序代码
<SPAN class=spanclass id=AD_ADTEST>JS代码在这里!</SPAN>
<script>ADTEST.innerHTML=AD_ADTEST.innerHTML;AD_ADTEST.innerHTML="";</script>

这样虽然也可以达到最后加载广告的目的,但是便宜吧发现该代码在某些浏览器上会出现兼容性的问题。

如果出现兼容性问题的话不妨试一下下面的方法。以下代码同时兼容IE和FireFox浏览器等。

第一步:把下面的代码插入你要放广告的网页位置:

 <div id="myads">广告载入中...</div>

第二步:把下面的代码放到网页底部:
<div id="span_myads">
这里放入广告的JS代码或其他加载速度比较慢的内容。
</div>
<script type="text/javascript">
document.getElementById("myads").innerHTML = document.getElementById("span_myads").innerHTML;
document.getElementById("span_myads").innerHTML = "";
</script>

其中的myads可以换成你自己定义的广告名称,在放入广告的JS代码的地方插入广告联盟的代码就行了。

下面以便宜吧首页为例:

1、打开模板页面。在要加载广告的地方插入下面代码。

 <div id="myads">loading…</div>

如图

让广告最后加载加快网页打开速度详细图文教程1
2、然后在网页底部插入相应代码,如图
让广告最后加载加快网页打开速度详细图文教程2
如图一个页面中有几个广告的话,则依次把代码中myads_1改为自己认为合适的编号即可,然后依次在页面后面添加广告代码即可。
责任编辑:便宜吧
本站文章已受版权法保护,如要转载请注明出自“便宜吧”,感谢你的理解与支持。
点击查看版权申明

loading…
loading…

顶一下
(3)
100%
踩一下
(0)
0%

上一篇:在VPS上安装Kloxo图文教程及汉化语言
下一篇:在Debian/Ubuntu上安装VPN步骤教程

您可以: 告诉朋友! 挑错! 收藏它! 打印

loading…
简介:用chrome浏览器通过myentunnel SSH翻墙看twitter及youtube图文教程 因为...
简介:Host1plus空间购买图文教程2012最新版 以前便宜吧建站之初曾经用...
简介:HawkHost老鹰主机新加坡及阿姆斯特丹机房评测 HawkHost老鹰主机新...
简介:ELEVEN2空间主机购买详细图文教程 原来便宜吧介绍的ELEVEN2空间主...
简介:Godaddy漏洞?info域名只要0.49美元注册图文教程 不知道是不是Go...
loading…
简介:翻墙无需理由,简单几步实现翻墙图文教程 便宜...
简介:Amazon AWS 免费VPS申请教程 本文适用对象 您希望建...
简介:DirectAdmin(DA面板)使用超详细图文教程 1. 客服给...
简介:VMware7虚拟机安装Mac OS X Lion正式版详细图文教程...
简介:翻墙又一方法 简单架设SSH+Squid代理服务器图文教...