广告影响网站打开速度解决方案

在自己博客上放广告联盟的广告也是一种收入来源。就我个人知道的有谷歌广告、阿里妈妈、百度、网易游戏，还有个台湾的BloggerAds，是从无限博客那得知的。然而放入广告后会对网页打开速度有一些影响，有一个致命的问题。比如你把广告放在了网页顶部或靠上的位置，如果不做处理的话，那要等到这个广告加载完之后才能显示下面的正文内容。如果这个广告加载速度很慢，那这段时间下面的正文就会空白一片。用户体验非常不好。

前端组在这里提供解决方案，有需要的朋友认真看看下面的代码，相信会对你的博客有好处。

方法一：

使用onload事件，某些广告不支持这个方法，如BloggerAds。Google广告是支持的。BloggerAds请看第二种方法。

HTML(代码放在广告位置)

<div id="sidebarAdBox">
<p>广告正在努力加载中...</p>
<textarea id="sidebarAd" style="display:none;">
注意：此处放广告联盟提供的广告代码
</textarea>
</div>

JS(放在页面最后面)

1 var sidebarAdBox = document.getElementById('sidebarAdBox');
2 var sidebarAd = document.getElementById('sidebarAd');
3 window.onload = function(){
4     sidebarAdBox.innerHTML = sidebarAd.value;
5 };

方法二：

原理是把广告代码放到页面底部，则就是差不多最后加载了。先把生成的广告隐藏，再把它拿到自己相应的位置，再显示出来，OK！

HTML 1 (代码放在广告位置)

1 <div id="sidebarAdBox">
2 <p>广告正在努力加载中...</p>
3 </div>

HTML 2 (代码要放在页面最后面)

1 <div id="sidebarAd">
2 注意：此处放广告联盟提供的广告代码
3 </div>

jQuery代码(放在页面最后面)（原生态JS代码暂不提供，麻烦..）

1 var $sidebarAdBox = $('#sidebarAdBox');
2 $('#sidebarAd').appendTo($sidebarAdBox).show();
3 $sidebarAdBox.find('p').remove();

转载于:https://www.cnblogs.com/qianduanzu/archive/2012/05/02/2478490.html

广告影响网站打开速度解决方案相关推荐

做网络推广浅析影响网站打开速度的因素，促进网站SEO优化效果提升！
随着网站之间的竞争力越来越大,做网络推广表示在网站优化的过程中,也越来越注重"拼速度"了,打开越快的网站就越受用户喜爱和欢迎.那么在网站优化中,网站打开的速度都受哪些因素影响呢?相 ...
网站打开速度慢？影响网站打开速度的因素有哪些？
网站打开速度慢?一般来说影响网站打开速度的因素有5点,SEOer一定要记住: 1.用户网络用户所在的网络是否顺畅.带宽是多少,都会影响网站打开的速度.就像用手机打电话,如果你所在的地方网络不畅通, ...
网站开启https后很慢_HTTPS会影响网站打开速度吗
HTTPS网站由于在数据传输时对数据进行了加密,相比起HTTP网站从数据安全的角度上看的确时提高了很多.但是可能你会担心,既然是增加了加密和解密的过程,那么HTTPS网站在网站打开速度上会不会受到影响 ...
网站打开速度变慢可以从哪些方面进行分析呢？
相信很多站长在从事网站优化的过程中都会遇到网站打开速度发生变化的问题,时快时慢对用户访问网站造成严重影响,那么到底是哪些方面出现问题呢?下面就针对网站打开速度发生变化的问题进行详细分析,希望可以帮助到 ...
网站优化中能有效提升网站打开速度的技巧有哪些？
众所周知,SEO就是对网站进行优化操作,让网站获取较多的自然流量,并给企业开发相关的潜在客户,从而给企业带来一定的效益.但影响网站优化的因素有很多,其中网站的打开速度就是非常重要的一个因素,今天就带大 ...
速度优化_网站打开速度慢？如何优化？
网站打开速度直接影响用户的第一道体验,打开速度偏慢,用户可能就没耐心继续等下去了,造成大量用户流失,今天我们谈谈如何优化网站打开速度: 网站打开速度慢?如何优化? 服务器配置服务器要安全.稳定性良好 ...
dns能帮助网站快速打开吗?怎么样提升网站打开速度?
近期有网友咨询"网站dns加速"一词,百度搜索"网站dns加速"相关结果也有数千万条.因此有人提出dns能够帮助网站快速打开吗?怎么样提升网站打开速度? 相信大 ...
有效提高网站打开速度的途径，给你的网站提速
网站打开速度直接影响了用户体验,试想用户在互联网上查阅资料时进入了你的网站,如果页面超过3秒还没加载出来,大部分用户会马上关闭你的网站,这样无疑是会导致用户流失.网站打开速度快不仅能给用户带来流畅的阅 ...
网站建设时如何提高网站打开速度？
前面咱们介绍过优质的网站应该具有的一些要求,其间很重要的一点就是网站的打开速度.网站打开速度严重影响访问者的体会.试想你想阅读一个网站一个网站打开速度要几分钟和一个网站几秒给你的不同感受吧. 想要网站 ...

广告影响网站打开速度解决方案

广告影响网站打开速度解决方案相关推荐

最新文章

热门文章