我有一个非常简单的嵌套布局。
- _Layout定义了所有全局内容。
- 网站.css
- jquery
- 基本网页
- _2ColLayout就是这样做的。使_Layout成为 2Col 设计
当我使用_Layout时,页面的渲染时间(如MiniProfiler所示(约为66ms。 奇怪的是,当我使用_2ColLayout时,它会跳到250ms。HTML并没有那么复杂。是我疯了,还是别人见过这个?有已知的解决方法吗?
我删除了一些静态 HTML 来清理下面的代码片段。我怀疑这些重要,因为它们只是列表项、锚点、图像和东西。
_布局
<head>
@this.InitClientTimings()
<title>@Page.Title</title>
@this.TimeScript("Content Bootstrap.css", @<link href="@Url.Content("~/Components/bootstrap/bootstrap.css")" rel="stylesheet" type="text/css"/>)
@this.TimeScript("GoogleFont.css", @<link href='http://fonts.googleapis.com/css?family=Days+One|Open+Sans:400&subset=latin,latin-ext' rel='stylesheet' type='text/css' />)
@this.TimeScript("Content Site.css", @<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />)
@this.TimeScript("LAB.js", @<script type='text/javascript' src="/scripts/LAB.min.js"></script>)
<script type="text/javascript"> window.q = []; window.$ = function (f) { q.push(f); };</script>
</head>
<body id="bootstrap-js">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<div class="nav-collapse">
<ul class="nav">
<!-- nav links -->
</ul>
</div>
<span class="pull-right">@Html.Action("LogOnControl", "Home")</span>
</div>
</div>
</div>
<div class="container">
<div class="page-header">
@RenderSection("pageheader", false)
</div>
<div class="row">
@RenderBody()
</div>
</div>
<footer>
</footer>
@RenderSection("scripts", false)
@MiniProfiler.RenderIncludes()
<script type="text/javascript"> $(function () { $("img.lazy").lazyload({ threshold: 50 }); $(window).scroll(); });</script>
<script type="text/javascript">
$LAB
.script("http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js").wait()
.script("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.19/jquery-ui.min.js")
.script("http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js")
.script("/scripts/jquery.lazyload.min.js")
.script("/Scripts/social-endlessPage.js")
.script("/Components/bootstrap/js/bootstrap.min.js")
.wait(function () {
$.each(q, function (index, f) {
$(f)
});
});
</script>
</body>
_2ColLayout
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
@section pageheader
{
@RenderSection("pageheader", false)
}
<div class="span8">
@RenderBody()
</div>
<div class="offset1 span3 rightbar">
@if (IsSectionDefined("rightbar"))
{
@RenderSection("rightbar", false)
}
else
{
<!--default right bar stuff -->
}
</div>
@section scripts
{
@RenderSection("scripts", false)
}
你知道
吗,没关系。
在我剪掉的部分(数字!我调用了 Azure 分布式缓存。事实证明,新建缓存客户端需要 200 毫秒...我对此感到惊讶。
无论如何,修复解决了它