asp.net-mvc - vs2010 - visual studio 2010 asp net mvc



MVC4에서 번들을 수정하는 올바른 방법 (1)

나는 스크립트와 스타일 파일을 번들링하는 올바른 방법에 대해 다소 혼란 스럽다. 현재 BundleConfig.cs는 다음과 같습니다.

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

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

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
            "~/Scripts/jquery.unobtrusive*",
            "~/Scripts/jquery.validate*"));

// Use the development version of Modernizr to develop with and learn from. Then, when you're
// ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
            "~/Scripts/modernizr-*"));

bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));

bundles.Add(new ScriptBundle("~/bundles/knockout").Include(
            "~/Scripts/knockout-{version}.js",
            "~/Scripts/knockout-{version}.debug.js",
            "~/Scripts/knockout-sortable.js"));

bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
            "~/Content/themes/base/jquery.ui.core.css",
            "~/Content/themes/base/jquery.ui.resizable.css",
            "~/Content/themes/base/jquery.ui.selectable.css",
            "~/Content/themes/base/jquery.ui.accordion.css",
            "~/Content/themes/base/jquery.ui.autocomplete.css",
            "~/Content/themes/base/jquery.ui.button.css",
            "~/Content/themes/base/jquery.ui.dialog.css",
            "~/Content/themes/base/jquery.ui.slider.css",
            "~/Content/themes/base/jquery.ui.tabs.css",
            "~/Content/themes/base/jquery.ui.datepicker.css",
            "~/Content/themes/base/jquery.ui.progressbar.css",
            "~/Content/themes/base/jquery.ui.theme.css"));

bundles.Add(new StyleBundle("~/bundles/BootStrapcss").Include(
            "~/BootStrap/css/bootstrap.css",
            "~/BootStrap/css/bootstrap-fileupload.css"));

bundles.Add(new StyleBundle("~/bundles/BootStrap").Include(
            "~/BootStrap/tpg-main.css",
            "~/BootStrap/tpg-internal.css"));

bundles.Add(new ScriptBundle("~/bundles/BootStrapjs").Include(
            "~/BootStrap/js/bootstrap-fileupload.js",
            "~/BootStrap/js/bootstrap.js"));

BundleTable.EnableOptimizations = true;

내가 가지고있는 것과 함께 있어야하거나 모든 스크립트 파일을 하나의 ScriptBundle 모든 스타일을 하나의 StyleBundle 합니까? 가능한 최고의 성능을 얻고 싶습니다.


계속해서 두 번들로 묶는 것보다 항상 모든 파일을 사용한다면; 하나는 자바 스크립트 용이고 다른 하나는 스타일 용입니다. 번들 수를 줄이면 서버에서 리소스를 가져 오는 요청이 줄어들어 첫 번째 히트에서 성능이 약간 향상 될 수 있습니다. 이후에 파일은 브라우저에 의해 캐시됩니다.

항상 모든 파일을 사용하고있는 것은 아니지만 더 많은 번들로 나누는 것이 좋습니다.





asp.net-mvc-4