提高页面载入速度(广告版)

昨天刚刚写完获取腾讯微博信息到wordpress(含免插件版),放到侧边栏发现还是影响速度,因为我不喜欢用缓存版的,于是想起当年我的网站载入广告的方法,其实很多大型网站都是用这个方法来提高网站的页面载入速度,每次修改代码,我总会用不同的浏览器打开看看效果,结果发现在firefox下出问题,查找了一下Innerhtml用法,才发现原来问题是代码没有正规写好,没有正规的代码在iE和google浏览器下均正常显示,火狐狸浏览器之所以不兼容,是为了要求代码员能规范代码。本站使用这个加载腾讯的微博信息,具体效果可以看本站侧边。

下面我们来解决Firefox不支持Js的InnerHtml,让Firefox支持InnerHtml,错误的代码如下(很多网站可能都还没注意到):

插入位置代码:<span id="txwb">广告载入中。。</span>

网页底部执行代码:

<span id="span_txwb">
广告代码
</span>
<script type="text/javascript">
myads.innerHTML=span_myads.innerHTML;
span_myads.innerHTML="";
</script>

把上面的:
myads.innerHTML=span_myads.innerHTML;
span_myads.innerHTML="";

替换成下面的就可以了:
document.getElementById("txwb").innerHTML=document.getElementById("span_txwb").innerHTML;
document.getElementById("span_txwb").innerHTML="";

正确的完整代码写法是:

插入位置代码:<span id="txwb">腾讯微博载入中。。</span>

网页底部执行代码:

<span id="span_txwb">
广告代码
</span>
<script type="text/javascript">
document.getElementById("txwb").innerHTML=document.getElementById("span_txwb").innerHTML;
document.getElementById("span_txwb").innerHTML="";
</script>

好了,解决了firefox的InnerHtml这个问题,大家可以尽情的加入广告了,上面的代码完全可以多加几个span来显示不同的广告,不过可别加载太多广告,因为页面终究是要执行那些代码的,这样做的好处是,让页面载入的时候可以完全显示,而不会卡在那里,影响阅读。


分类:网络博客 标签:,,,,

已经有14条评论!

 

Loading...
  1. 不知道 是谁发明的这种伪延迟加载js..
    就算你把那个放js的span的display属性设置为none,
    其实js还是在那里执行了,
    这种所谓的延迟加载,只是一种障眼法而已..

    沙发!
  2. 对这我不懂,底部指的是哪里呢?如果一个侧边栏放多个怎么办?>

    板凳!
  3. 现在有问题困扰着我,我只想在首页放置广告,但是由于网页底部执行代码加在了模版的footer.php里所以内页也是有广告显示在页底,这个咋办,主要是不想再内页放置广告

    地板!
  4. 这个可以用。

    4F
  5. InnerHtml和language=”javascript”一样,是种不合格的写法,应该被淘汰

    5F
  6. 这样真好,不会卡着了。

    6F

怎么样?你也说一句吧!

gravatar

汗 色 悲 闭嘴 调皮 笑 惊 亲 雷 馋 晕 酷 奸 怒 狂 萌 吃 贪 囧 羞 哭

回到顶部