小编典典

Jquery 代码应该放在页眉还是页脚?

all

放置 Jquery 代码(或单独的 Jquery 文件)的最佳位置在哪里?如果我把它放在页脚,页面加载会更快吗?


阅读 58

收藏
2022-07-12

共1个答案

小编典典

所有脚本都应该最后加载

在几乎所有情况下,最好将所有脚本引用放在页面末尾,就在</body>.

如果由于模板问题等原因您无法这样做,请使用defer属性装饰您的脚本标签,以便浏览器知道在下载 HTML 后下载您的脚本:

<script src="my.js" type="text/javascript" defer="defer"></script>

边缘案例

但是,在某些极端情况下,您可能会在页面加载期间遇到页面闪烁或其他伪影,这通常可以通过简单地将 jQuery 脚本引用放在 不带
属性的<head>标签中来解决。这些案例包括 jQuery UI 和其他插件,例如 jCarousel 或 Treeview,它们修改 DOM
作为其功能的一部分。 __defer


进一步的警告

有些库必须在 DOM 或 CSS 之前加载,例如 polyfills。Modernizr 就是这样一个必须放在 head
标签中的
库。

2022-07-12