2013-11-04 22 views
0

我們有一個MVC 4 Web應用程序,它有很多區域。ASP.NET MVC應用程序中的JavaScript隔離/性能

還有所使用的網站上的所有網頁主要佈局視圖,它包含了所有的CSS包括,渲染身體標記,那麼所有的JavaScript庫。

<head> 
<link rel="stylesheet" media="screen" href="~/Content/jquery-ui-1.10.3.custom.min.css" /> 
.. 
</head 
<body> 
    <div id="main-content">@RenderBody()</div> 
    <script type="text/javascript" src="~/Scripts/jquery-1.10.2.min.js"></script> 
    .. 
</body> 

JavaScript由常見庫如jquery,jqueryui和插件組成。 還有一個包含整個網站

自定義代碼由於只有1個大的JavaScript與成千上萬行的文件,一個JavaScript文件,代碼例程通過檢查特定的DOM元素的存在決定初始化如果它繼續。

runExample = function() { 
    if ($(".Example").length > 0){ 
     // execute code 
    } 
} 
.. 
runExample(); 

當然,這是有問題的,因爲有腳本包含的所有文件很大,同時有適用於所有的網頁代碼,大部分代碼只適用於某些領域或網頁。

  • 有沒有更好的方法來分割JavaScript的網站? 請記住,它是有條件的自定義代碼,不一定是插件插件
  • 即使有辦法爲每個區域創建JavaScript文件,在主佈局中如何引用 ?
  • 是否最好在包含文件的末尾加載JavaScript包含文件?
  • 縮小對性能的影響是什麼,它是否有益於自定義代碼文件?

任何意見,將不勝感激。

+1

我不完全確定如何使用MVC完成此操作,但基本上當您想要爲特定頁面包含特定的js文件而不是使用