让广告延迟加载

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

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


广告代码

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

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

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



8 thoughts on “让广告延迟加载

Comments are closed.