将 jQuery 引用放在母版页有什么好处

What are the benefits of putting jQuery references in Masterpage?

本文关键字:什么 母版页 jQuery 引用      更新时间:2023-09-26

我目前正在开发一个带有 ASP.NET 的网站,我总是通过Firebug检查它的性能...

现在,我的问题是,

将所有引用 jquery 引用放在母版页中更好吗?(先参考所有)

还是将特定的jQuery引用放在特定的内容页面更好?(仅供参考)

谢谢!

我认为最好将样式表放在母版页中,只要它们是站点范围的样式即可。您还应该考虑将它们压缩到一个下载中,以便减少 HTTP 请求。

维护方面,我会根据jquery引用对象的作用域将每个引用放在它所属的位置

例如,如果它与主导航有关,该导航存在于所有呈现的页面上,因此肯定存在于母版页中,那么您最好将$("#navBar")靠近您的<div id="navBar">...</div>,即在您的母版页上。

另一方面,如果它是与特定内容页面相关的东西,假设您在主页上需要闪亮的轮播(及其特定的jQuery插件),您最好$('myCarousel').carousel(2);靠近您<div id="carousel">,即在您的主页.aspx内容页面上。

当您将内容发送到它们所属的地方时,如果您可以确定仅在您的主页上需要轮播插件,那么您最好仅在主页.aspx内容页面上包含该插件。

不仅可以简化维护,还可以在性能方面获得好处,因为您更有可能仅在使用变量时才初始化变量,从而减少浏览器上的内存开销。加载与插件相关的资源的相同内容(您可能不希望每个页面加载都臃肿,因为您的主站链接到您网站上某处所需的所有内容)。

一般来说,我鼓励您识别您将在多个页面上使用的任何库或插件,并将它们包含在自动将它们放置在这些页面中的位置。

为了可维护性,我通常会将所有第三方库(如jQuery,jQuery-UI,Backbone等)混合/缩小到一个JS文件中,以及我知道我将在整个站点中使用的任何插件。这样做的缺点是你可能有一个非常大的JS文件,该文件在用户第一次加载页面时加载 - 好处:客户端缓存该文件,用户不必再次加载它。

一般的经验法则是:缩小用户必须下载的字节数,并缩小用户必须在整个站点中进行的HTTP请求数。因此 - 通过将这些类型的文件压缩到单个下载中,并让它存在于具有相同 URL 的每个页面上 - 您可以有一个请求,该请求通常会获得 302 响应并且没有下载。这比将 5 个不同的插件加载到不同的页面上要好得多,每个插件都会进行单独的 HTTP 调用 - 即使这些调用都收到 302 响应。

这不是

在内容页面上引用jquery引用的正确方法。

一次在母版页上给出 jquery 引用并在所有内容页面上使用它们。它是,适当和优化的方法。