performance - 将脚本代码放在页面底部或第三方库的 dom 准备功能中更好吗？

Question

我想让我的网站加载得更快，通常我把我的代码放在<head>一些第三方库的 dom 就绪函数中，比如 jQuery。

我读到如果我将脚本代码直接放在底部，它可以使页面加载更快。

所以如果它是真的，这意味着如果我把脚本放在底部更好，对吧？

score 0 · Accepted Answer

加载脚本会导致浏览器阻止加载页面的其余部分，直到加载并执行脚本。这是为了允许代码在浏览器继续渲染之前进行任何更改。将脚本放在页面底部（就在</body>标签之前）允许浏览器在阻止加载脚本之前加载几乎所有文档。从用户的角度来看，页面将加载得更快。

这与通过在 DOMReady 函数中添加代码来控制执行不同，尽管实际上在效果上可能差别不大。

1 回答 1