如何落伍 | 落伍帐号规则 | 站长俱乐部 | 落伍代码下载 | 落伍预告页 | 现金任务 | 人才招聘 | 落伍DIY | 站长工具
北京VPS 香港VPS ­­— 紫田网络千次搜索税后周付11元,比百度赚钱!做广告赚钱,还得找XIOO联盟强氧服务器落伍硬件专卖全面升级
"壹支付"秒清算,提现立刻到卡! 中客:新春新年新气象,跃马奔腾迎新年!九九数据 20人合租 399元 赠CDN加速韩国高速主机 合租 服务器 月付!
恋爱塔罗/虎年运势, 挚盟新品火爆上线discuz!旗下联盟,加入就送10元65视讯cps40%分成/效果佳!3A网络 为合法网站护航 2G仅188元/年
广东浙江电信SAS百独1400/月网通9折亚太名网 北京虚拟主机 美国虚拟主机CPC点击100元千IP不限量周结十强ISP服务商,COM 36,主机稳定之选
网通100M独享1200/月,另代理企业QQ英拓网络Q8200租用3999送产权高速多线合租空间 可试用 可月付 稳定!香港虚拟主机 1G只要99元
返回列表 发帖

[技术交流] 原创-我也谈如何不让统计或广告拖慢你的网站。(申精)

[技术交流] 原创-我也谈如何不让统计或广告拖慢你的网站。(申精)

首发:落伍
发布日期:2006.8.27
落伍ID:debian

其实在网建版有了相关的贴子
我也是看了那个贴子后又找了资料才测试成功的。
不过网建的那个贴子不完全,如果只按上面的代码是成功不了的,因为缺少了一个很重要的部分。
不多说废话了,现在正式开始。

要不想让统计或广告之类的外部代码或页面拖慢网站的速度,就只能让他们在本站页面的所有内容下载完成之后再下载外部代码,而在此之前应该在网页指定的位置显示载入中或是用图片标示该位置有内容正在下载。
这样,要实现该功能的代码就分为三个部分:
一、在页面中提示载入中的代码;
二、页面所有内容之后,需要下载的外部代码;
三、外部代码下载之后,把代码置换到页面中指定位置的代码。(网建的那篇贴子就少了这部分代码,所以不成功)。
下面举例说明,相信大家举一反三,能很容易掌握。
在这个例子里,我们在外部代码载入前用/images/proimg.gif这个图片来提示正在下载内容。
我们要调用的外部代码是某个广告代码。
首先看下演示:

http://travel.97079.com/html/heilongjiang/index.html

在网络条件比较好的时候,代码调用的速度较快,可能不太明显。但是在外部服务器出问题的时候,它的作用就显示出来了,防范于未然吧!

第一部分的代码为:
  1. <span id=ad_01><img src="/templets/images/proimg.gif"></span>
复制代码

这部分很好懂,注意这里span的ID,在这里是ad_01。记下它,后面要用到。
这部分的代码应该是在页面中你为广告或统计预留的位置。
第二部分代码也很简单:
  1. <SPAN class=spanclass id=span_ad_01><script type="text/javascript"><!--
  2. 将你的广告代码完整粘贴到这里
  3. //--></script>
  4. </SPAN>
复制代码

与上面一样,也要记下这里span的ID,在这里是span_ad_01,这个ID不能跟上面的ID相同。
为了不让这部分外部代码拖慢你的网页显示速度,这部分应该放在页面所有正文的内容之后。事实上,完全可以把这部分代码放在</html>标签的外面,我在IE6下测试过。
第三部分代码比较重要,也稍微难记一些,是用来把后来载入的代码替换到页面内容中:
  1. <SCRIPT>ad_01.innerHTML=span_ad_01.innerHTML;span_ad_01.innerHTML="";</SCRIPT>
复制代码

这段代码有两句,第一句中=前是第一部分代码中指定的span的ID加.innerHTML,=后是第二部分代码中指定的span id加.innerHTML。第二句是将第二部分的spanid内容清空。
注意:这部分的代码要放在第二部分代码之后,最好紧跟在第二部分代码的后面。
三部分代码添加之后,再看下你的网站,再也不会因为要调用外部代码拖慢网页的显示速度了。

申请加精

[ 本帖最后由 debian 于 2006-8-27 12:19 编辑 ]

如果生活给了你1000个理由哭泣,同时一定给你1001个理由梦想,把你的生活变成梦想,把你的梦想变成现实!

TOP

多谢楼上诸位帮顶。

TOP

射........
嘦巭复制的MJJ.嫑兲

TOP

关注下

TOP

沉的真快,我顶!

TOP

/.

vbo生日,帮你射了,已收藏
/. ↖(^ω^)↗

TOP

呵呵,已精,多谢斑斑!

TOP

留个记号

TOP

原帖由 金龙 于 2006-8-27 12:18 发表
QQ:51435

TOP

返回列表