使用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