放置 Jquery 代码(或单独的 Jquery 文件)的最佳位置在哪里?如果我把它放在页脚,页面加载会更快吗?
所有脚本都应该最后加载
在几乎所有情况下,最好将所有脚本引用放在页面末尾,就在</body>.
</body>
如果由于模板问题等原因您无法这样做,请使用defer属性装饰您的脚本标签,以便浏览器知道在下载 HTML 后下载您的脚本:
defer
<script src="my.js" type="text/javascript" defer="defer"></script>
边缘案例
但是,在某些极端情况下,您可能会在页面加载期间遇到页面闪烁或其他伪影,这通常可以通过简单地将 jQuery 脚本引用放在 不带 属性的<head>标签中来解决。这些案例包括 jQuery UI 和其他插件,例如 jCarousel 或 Treeview,它们修改 DOM 作为其功能的一部分。 __defer
<head>
进一步的警告
有些库必须在 DOM 或 CSS 之前加载,例如 polyfills。Modernizr 就是这样一个必须放在 head 标签中的库。