提高页面载入速度(广告版)
昨天刚刚写完获取腾讯微博信息到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来显示不同的广告,不过可别加载太多广告,因为页面终究是要执行那些代码的,这样做的好处是,让页面载入的时候可以完全显示,而不会卡在那里,影响阅读。
下一篇:阿根廷地铁
不知道 是谁发明的这种伪延迟加载js..
就算你把那个放js的span的display属性设置为none,
其实js还是在那里执行了,
这种所谓的延迟加载,只是一种障眼法而已..
只要能让侧边栏早点出来,就好了,呵呵 :) 加载那是肯定要的。
对这我不懂,底部指的是哪里呢?如果一个侧边栏放多个怎么办?>
也可以多方啊,只要定义一下 ad1 ad2 ad3 等等。
现在有问题困扰着我,我只想在首页放置广告,但是由于网页底部执行代码加在了模版的footer.php里所以内页也是有广告显示在页底,这个咋办,主要是不想再内页放置广告
可以用判断语句。
首页的知道在哪里加了,但是内页不知道.咱什么也不懂..
这个可以用。
呵呵,能用就好,之前评论被屏蔽,所以。。。回复迟了。
你这头像严重影响了市貌~~ 汗。换个有图片吧,哈哈。
InnerHtml和language=”javascript”一样,是种不合格的写法,应该被淘汰
是啊,对你们代码狂的应该多注意了,哈哈。