Question

在我的_Layout.cshtml（母版页）文件的<head>部分中，我有以下对缩小jQuery的引用：

<script src="~/Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>

添加这一行之后，我现在可以在我的每个页面中使用jQuery，这些页面引用了很棒的母版页。我想知道的是，jQuery文件的加载频率是多少？每次都会这样做吗？在浏览器中加载网站的第一页时，页面是加载还是只加载一次？

Answer 1

该文件将被加载到浏览器中。首次加载时缓存。对于每个后续请求，将从缓存中读取它以减少带宽需求并提高速度。

如果您真的想要提高性能，可以从全球CDN（例如Google）加载jQuery.js，它具有快速的优势，并且由于它的广泛使用，它具有很高的性能。很可能有人已经在这个位置的缓存中使用了jQuery。

我还建议使用更新版本的jQuery，因为1.8.2现在已经很老了。如果您需要旧版浏览器支持（IE9及更低版本），请使用1.11：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

否则，您可以使用更小，更高效的2.x：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

而是为您的javascript文件创建一个包在App_Start \ BundleConfig.cs文件中，添加以下代码。它将加载所有jquery-prefixed文件，其余部分是版本号例如的的jquery-1.10.2.js

bundles.Add(new ScriptBundle("~/bundles/jquery").Include( "~/Scripts/jquery-{version}.js"));

或

bundles.Add(new ScriptBundle("~/bundles/jquery").Include( "~/Scripts/*.js"));

这将从脚本文件夹加载所有.js文件。

要加载上面的捆绑包，请转到_Layour.cshtml（您的母版页）并按以下方式渲染

@Scripts.Render("~/bundles/jquery")

<强>更新

您可以为自定义javascript文件创建捆绑/缩小。

在BundleConfig.cs文件中将此标志设置为true以缩小javascript文件

BundleTable.EnableOptimizations = true;

在MVC 4.0母版页中加载jquery

2 个答案: