2 Dec

【个人收藏】加快页面载入速度的方法

分类:博客动态   出处:本站原创         | |
      为了使网站获得广告收入及添加多功能服务(如在网页中内嵌天气预报、搜索引擎、标签、数据统计等外部组件),站长们会不断在网站页面上添加林林总总的“各司其职”的广告/插件代码,这样无疑将不同程度地影响页面载入速度。我们通过在网页中插入近来流传于网上的一段代码,即可实现最后载入这些相对不太重要的广告/插件的目的,以使访客能够以最快的速度浏览到实质性网页内容。

代码一:(电脑报)
把“<span id="myads">广告/插件载入中,请等待</span>”这段代码放置于要插入广告的页面顶端位置,在网页底端插入这段代码:
<span id="span_myads">
将广告/插件的代码放置在此
</span>
<script type="text/javascript">
myads.innerHTML=span_myads.innerHTML;
span_myads.innerHTML="";
</script>

代码二:( 海枫博客)
在要加载的地方放入以下代码
<div id="ad2">
<div style="text-align:left;">
<span class="textbox-label">
正在载入,请稍候……
</span></div></div>

在网页底端插入这段代码
<div id="adcode2" style="display:none">代码放这</div>
<script type="text/javascript">
document.getElementById("ad2").innerHTML=document.getElementById("adcode2").innerHTML;
document.getElementById("adcode2").innerHTML="";</script>


代码三:( X-Force)
在网页需要插入广告的地方增加
<div id="ad1">广告正在载入中...</div>

然后在页面最底部增加
<div id="ad1code" style="display:none">
把你获取的广告代码写在这里
</div>
<scrip language="javascript">
if(document.all.item("ad1") != null)
{
ad1.innerHTML = ad1code.innerHTML;
}
</script>


参考:
电脑报(2006年12月25日 第51期)  页面载入也须“快马加鞭”
海枫博客  http://blog.haifol.com/
X-Force   http://www.x-force.cn/

收藏本日志请用永久地址:http://www.5dzone.net/read.php?131
版权所有。转载时必须以链接形式注明 作者和原始出处及本声明!
如果你有其他要求,可用这个邮箱联系我:
1138 次阅读
2 条评论
0 条引用
晴 作者:猢狲   时间:11:32   Tags: , ,
发表评论
  昵称 [注册]
  密码 (游客无需密码)

开启/隐藏 高级扩展