使用ASP创建的页面.NET .NET MVC 2需要1.7秒才能加载。 它包含13个js文件,如下所示。 Firebug显示每个js文件加载都会返回304响应,但由于有13个文件,它可能会增加页面加载时间。 Chrome审计红色警报提示将结合js文件。如何减少页面加载时间(结合javascript)?
如何使用ASP.NET MVC 2自动或以其他方式将它们合并到单个文件以减少加载时间? 项目中应该有单独的js文件以允许替换它们,但应该将 作为单个js文件提供。
jqgrid,jquery,jquery-ui,tinymce和一些jquery插件js文件的使用方式如下所示。 使用Visual Web Developer Express 2010。应用单2.10/Apache下和Windows下运行/ IIS
的Site.Master包含:
<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>
<!DOCTYPE html>
<html>
<head runat="server">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.1" />
<link rel="stylesheet" href="../../themes/redmond/jquery-ui-1.8.12.custom.css" type="text/css" />
<link href="../../Scripts/jqgrid/css/ui.jqgrid.css" rel="stylesheet" />
<link href="../../Content/Css/Site.css" rel="stylesheet" />
<asp:ContentPlaceHolder ID="HeadContent" runat="server" />
<title>
<asp:ContentPlaceHolder ID="TitleContent" runat="server" />
</title>
<script type="text/javascript">
"use strict";
var BASE_URL = '<%= ResolveUrl("~/") %>';
</script>
<script src="<%= Url.Content("~/Scripts/jquery/jquery-1.7.1.js")%>" type="text/javascript"></script>
<script src="<%= Url.Content("~/Scripts/jquery-ui-git.js")%>" type="text/javascript"></script>
<script src="<%= Url.Content("~/Scripts/i18n/jquery.ui.datepicker-et.js")%>" type="text/javascript"></script>
<script src="<%= Url.Content("~/Scripts/jquery.contextmenu-fixed2.js")%>" type="text/javascript"></script>
<% if (CurUser.GetLanguage() == "EST")
{ %>
<script src="<%= Url.Content("~/Scripts/jqgrid/js/i18n/grid.locale-et.js")%>" type="text/javascript"></script>
<% }
else
{ %>
<script src="<%= Url.Content("~/Scripts/jqgrid/js/i18n/grid.locale-en.js")%>" type="text/javascript"></script>
<% } %>
<script type="text/javascript">
$.jgrid.no_legacy_api = true;
$.jgrid.useJSON = true;
</script>
<script type="text/javascript" src="<%= Url.Content("~/Scripts/jqgrid/jquery.jqGrid.src-multiselect1-deleteandsortpatches.js")%>"></script>
<script type="text/javascript" src="<%= Url.Content("~/Scripts/jqgrid/jQuery.jqGrid.dynamicLink.js")%>"></script>
<script src="<%= Url.Content("~/Scripts/json2.js")%>" type="text/javascript"></script>
<script src="<%= Url.Content("~/Scripts/jquery.form.js")%>" type="text/javascript"></script>
<script src="<%= Url.Content("~/Scripts/TinyMCE/tiny_mce_src.js")%>" type="text/javascript"></script>
<script src="<%= Url.Content("~/Scripts/TinyMCE/jquery.tinymce.js")%>" type="text/javascript"></script>
<script src="<%= Url.Content("~/Scripts/myscripts.js")%>" type="text/javascript"></script>
<script type="text/javascript">
var
$grid;
$(function() {
"use strict";
<% if (TempData["Message"]!=null) {
setTimeout(function() {
showMessage ('<%= TempData["Message"] as string %>');
...
更新
我试图奥列格建议在回答却得到了错误的jQuery没有被定义为如下图所示。如何解决这个问题? IE控制台不显示任何错误。
thna你。我尝试过,但没有定义jQuery的错误。如何解决或找到原因?我更新了问题。 – Andrus
我也发布了相关的问题http://stackoverflow.com/questions/12553153/how-to-fix-clouse-cliler-compiler-error-on-css-float-left – Andrus
简单的优化工作正常,但高级优化会导致错误。 – Andrus