让广告延迟加载

网页载入速度对于提升用户体验来说是很重要的。经常是各方面都优化得不错,网站正常是很快加载,但就是被几个广告拖死了,尤其是用了广告联盟的广告。想要解决这个问题,又不去掉广告,可以使用Javascript的延迟加载功能。

首先,在网页底部放上广告代码:(注意这里假设等下要显示广告的那个div为ad1)

<div id=”ad1s” style=”display:none”>
广告代码
</div>
<script language=”javascript” type=”text/javascript”>
if(document.getElementById(“ad1”)!= null){document.getElementById(“ad1”).innerHTML = document.getElementById(“ad1s”).innerHTML};
</script>

然后再需要插入广告的地方放上以下代码:

<div id=”ad1″></div>

特别要注意div的ID,这里ad1是要展示广告的,ad1s是放在网页底部延迟加载用的。如果需要放置多个广告,只要复制一段,然后把ID相应地改一下就可以了。

这样广告将会在整个网页的其他内容都加载完以后才出现,就不会拖累网页的加载速度了。



8 thoughts on “让广告延迟加载

发表评论

电子邮件地址不会被公开。 必填项已用*标注