javascript - 延迟 Javascript 加载

Question

快速加载页面非常重要。加载后，我有一个非常 javascript 的文件，直到页面加载后 10 秒才“需要”任何东西。如何在不减慢初始页面加载速度的情况下最好地加载外部工作表？

setTimeout(function(){
    //import Javascript
},500); 

我将如何导入 javascript？这甚至会加快页面加载速度吗？其他一些技术行得通吗？

我对分析这是否“值得”不感兴趣。

(注意:我实际上是在 chrome 扩展的上下文中这样做的，我认为这不会有太大影响)

Answer 1

使用 async属性，以便您的脚本不会阻止页面的呈现。

<script src="path/script.js" async></script>

如果您真的不希望脚本在页面加载后执行，那么您也可以将代码包装在window.onload 中。 .这样，脚本的下载就不会阻止页面的呈现，并且您的代码直到页面加载后才会执行。

https://developers.google.com/web/fundamentals/performance/critical-rendering-path/adding-interactivity-with-javascript?hl=en

---

编辑:

另一种更好的选择(如果您的浏览器支持的话)是 defer ，因为它实际上是在等待整个 DOM 加载完毕，而不是 async这只会使脚本的加载并行化。因此:

<script src="path/script.js" defer></script>