js 延迟加载最佳方法

最新推荐文章于 2023-09-18 11:10:55 发布

京都玩家

最新推荐文章于 2023-09-18 11:10:55 发布

阅读量645

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/hzaini89/article/details/73614541

版权

javascript 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

概要：

说到延迟加载，很多人说把js放到底部，或者用上defer,async；但是经过测试，在各个浏览器上还是有差别的，不是最优方案；

那么，如何延迟加载js呢？

推荐Goole推荐的方案：

这些代码应该放在</body>标签结束前

<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "defer.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>