Home > 技 术 > 如何让某页面元素最后加载

如何让某页面元素最后加载

2009年8月13日 字体大小 发表评论 阅读评论

很多时候我们在自己的站添加了某一个第三方的代码,包括广告,流量统计等,如果对方服务器的速度过慢的话,同样也会影响到我们的网站页面打开速度。以广告代码为例,谷歌的广告代码速度很快,不会影响到我们,但是阿里妈妈或者部落客等代码恐怕有些时候就会给我们的网站速度带来一些影响,当然并不局限于广告代码。那么如何解决这样的问题呢?

方法就是控制加载顺序,先加载自己的网站主要代码,最后加载广告等代码。

实现方法很简单,第一步,把以下这段代码放在你要放置广告的网页位置,先显示“广告加载中……”的字样,你也可以用空白或图片替代。推荐一个ajax载入中图片在线生成网站 — http://ajaxload.info/

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

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

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

OK,刷新看效果吧!

转载请注明:
转自:守望的麦子[http://www.wheatime.com]
原文链接:http://www.wheatime.com/2009/08/how-to-make-the-final-element-of-a-page-to-load.html

分类: 技 术 标签: , 浏览864 次
声明: 本站内容遵循 署名-非商业性使用-禁止演绎 2.5 共享协议. 原创文章转载 请注明转自 守望的麦子

相关文章 随机文章 本月热评 热门标签

    1. 2009年8月13日10:01 | #1

      我放的是GGAD 没什么影响的。
      还有昨天那个插件优化的效果不大
      还是有很多空格,没有你的好

      [回复]

      CHINA CHINA Internet Explorer Internet Explorer 6.0 Windows Windows XP
    2. 2009年8月13日10:02 | #2

      原来是这么回事,看明白了,回去整一下。。这和MG12的异步加载是不是用同一个原理做的??

      [回复]

      CHINA CHINA Mozilla Firefox Mozilla Firefox 3.5.2 Windows Windows XP
    3. 2009年8月13日10:14 | #3

      @低调VS飞翔
      我开了html&css压缩……

      [回复]

      CHINA CHINA Internet Explorer Internet Explorer 7.0 Windows Windows XP
    4. 2009年8月13日10:16 | #4

      @麦子
      哦?这个这么开,xera的空间可以开吗?是插件还是……
      QQ:21549245 QQ上教我下

      [回复]

      CHINA CHINA Internet Explorer Internet Explorer 6.0 Windows Windows XP
    5. 2009年8月13日10:17 | #5

      @Alex
      MG12的有异步加载?这个就是根据页面的正常加载顺序,前面通过DIV引入JS,使广告最后加载。

      [回复]

      CHINA CHINA Internet Explorer Internet Explorer 7.0 Windows Windows XP
    6. 2009年8月13日10:21 | #6

      @低调VS飞翔
      什么空间的都可以开啊……就是用第二个插件,只开启html&css压缩功能就可以了……开启多了有的会显示不正常,JS压缩开启可能会停止一些功能,所以不建议开启JS,css根据情况开启……
      不好意思,我没安装QQ软件……

      [回复]

      CHINA CHINA Internet Explorer Internet Explorer 7.0 Windows Windows XP
    7. 2009年8月13日10:24 | #7

      @麦子
      你说的不是要WP Super Cache搭配使用吧
      Autoptimize好像没有版面,

      [回复]

      CHINA CHINA Internet Explorer Internet Explorer 6.0 Windows Windows XP
    8. 2009年8月13日10:29 | #8

      @低调VS飞翔
      不用WP Super Cache
      没有版面?你说的是没有设置界面?

      [回复]

      CHINA CHINA Internet Explorer Internet Explorer 7.0 Windows Windows XP
    9. 2009年8月13日11:23 | #9

      看到过类似的方法,先加载内容在加载广告

      [回复]

      CHINA CHINA Mozilla Firefox Mozilla Firefox 3.5.2 Windows Windows XP
    10. 2009年8月13日17:06 | #10

      :mrgreen: 这是一个不错的方法。

      [回复]

      CHINA CHINA Internet Explorer Internet Explorer 6.0 Windows Windows XP
    11. 2009年8月13日18:40 | #11

      我放google ads应该没有这个问题哈

      [回复]

      SINGAPORE SINGAPORE Google Chrome Google Chrome 2.0.172.39 Windows Windows XP
    12. 2009年8月13日18:47 | #12

      如果一个主题优良的话,侧边栏等都是最后加载的,这样影响也不是太大。

      [回复]

      CHINA CHINA Mozilla Firefox Mozilla Firefox 3.0.13 Windows Windows XP
    13. 2009年8月13日21:08 | #13

      @麦子
      是的,没有找到设置版面,大哥你有什么聊天工具,MSN,ICQ,UC,gmail.com

      [回复]

      CHINA CHINA Internet Explorer Internet Explorer 6.0 Windows Windows XP
    14. 2009年8月13日22:21 | #14

      @篮球博客
      GGAD速度很快,个人觉得没必要使用……
      @睡到自然醒blog
      最后?也在FOOTER后?
      @低调VS飞翔
      怎么会没找到设置版面呢?可以用Gmail.com和我联系

      [回复]

      CHINA CHINA Internet Explorer Internet Explorer 7.0 Windows Windows XP
    15. 2009年8月14日12:36 | #15

      这两天搜java的东西还经常撞进来

      [回复]

      CHINA CHINA Mozilla Firefox Mozilla Firefox 3.5.2 Windows Windows XP
    16. 2009年8月14日14:06 | #16

      @nicidoggy
      哦?好像我这里Java的东西不多啊?!

      [回复]

      CHINA CHINA Internet Explorer Internet Explorer 7.0 Windows Windows XP
    17. 2009年8月14日18:05 | #17

      google 广告适用吗

      [回复]

      CHINA CHINA Internet Explorer Internet Explorer 7.0 Windows Windows XP
    18. 2009年8月14日18:39 | #18

      @houkai
      同样适用,不过GG服务器那么快,个人觉得不需要设置后加载……

      [回复]

      CHINA CHINA Internet Explorer Internet Explorer 7.0 Windows Windows XP
    19. 2009年8月23日23:02 | #19

      优化必定是要将js都放置到最后加载,尽管gg ad速度很快但是如果一个页面有多个gg ad的话每个gg ad都要调用单独调用show_ad的js,页面速度还是会被拉下来的。

      [回复]

      CHINA CHINA Mozilla Firefox Mozilla Firefox 3.5.2 Windows Windows XP
    20. 2009年8月24日08:39 | #20

      @Leeiio
      Leeiio 正解! :smile:
      不过GG AD这样通过div引入是可以的吧?

      [回复]

      CHINA CHINA Internet Explorer Internet Explorer 7.0 Windows Windows XP
    21. 2009年8月24日09:14 | #21

      没有对代码进行修改,只是放置到最后加载应该不算作弊吧

      [回复]

      CHINA CHINA Mozilla Firefox Mozilla Firefox 3.5.2 Windows Windows XP
    22. 2009年8月24日09:18 | #22

      @Leeiio
      这个还真不太清楚,我的GG AD被K了,也不怎么研究了,只知道它的要求比较多,比如放在iframe里不允许……

      [回复]

      CHINA CHINA Internet Explorer Internet Explorer 7.0 Windows Windows XP
    1. 本文目前尚无任何 trackbacks 和 pingbacks.