首页 > 小明同学 > HTML CSS JS

爱番番、百度商桥等第三方代码拖慢网站速度解决方法

发布时间 :2021-03-17 | 编辑 :小明 | 阅读量 :1540

11xk0h.jpg

优化建议及方法

一:网页的加载顺序是从顶部到底部的, 因此,我们可以将第三方提供的代码放入到底部 footer中加载。

二:由于第三方工具都是JavaScript,我们将JavaScript都放入到底部进行加载也是常规的一种方式。 那么我们可以在 script标签加入参数defer: type=”text/javascript” defer=”defer” 代码如下:

<script type="text/javascript" defer="defer">
var _hmt = _hmt || [];
....

defer 属性的使用:

<script type="text/javascript"defer="defer">
alert(document.getElementById("p1").firstChild.nodeValue);
</script>

定义和用法

defer 属性规定是否对脚本执行进行延迟,直到页面加载为止。

有的 javascript 脚本 document.write 方法来创建当前的文档内容,其他脚本就不一定是了。

如果您的脚本不会改变文档的内容,可将 defer 属性加入到 < script> 标签中,以便加快处理文档的速度。

因为浏览器知道它将能够安全地读取文档的剩余部分而不用执行脚本,它将推迟对脚本的解释,直到文档已经显示给用户为止。

关注公众号
关注微信
购物车
回到顶部