jQuery 脚本包含在 mvc 4 模板的页面底部答案

【问题标题】：jQuery Script included at bottom of page in mvc 4 templatejQuery 脚本包含在 mvc 4 模板的页面底部
【发布时间】：2012-07-11 16:22:48
【问题描述】：

我正在查看 MVC 4 候选版本和包含的默认 Internet 模板。我注意到在 _Layout.cshtml 中，它们在页面底部包含了 jQuery 包：

        @Scripts.Render("~/bundles/jquery")
        @RenderSection("scripts", required: false)
    </body>
</html>

是否有理由将该脚本包含在页面底部而不是使用modernizr 脚本的头部？这样做有什么好处吗？我一直认为您应该将脚本包含在 head 部分中。

【问题讨论】：

【解决方案1】：

这通常是为了提高性能。查看雅虎性能指南。

他们解释了为什么脚本可以在底部更好。

【讨论】：

【解决方案2】：

对于一些使用jquery ui 主题的网站，最好在顶部放置jquery 和jquery-ui。这样一来，无样式内容的闪烁就可以保持在最低限度。

另一种技术是最初隐藏 jquery 主题元素，但这可能会给人一种加载时间较慢的印象。

【讨论】：

【解决方案3】：

我无法具体回答这种情况，但这个想法通常是浏览器试图以大致文档顺序呈现页面。最后包含脚本意味着渲染器可以完成其工作并渲染页面的静态部分，然后脚本将被加载。我无法给出关于它对用户体验的真正影响有多大的具体数字，但我们的想法是让页面在脚本完成加载之前就可以查看。

【讨论】：