Home/ Questions/Q 7818733
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T06:40:41+00:00

I have asp.net mvc application, that uses razor view engine. I want to send

  • 0

I have asp.net mvc application, that uses razor view engine.

I want to send head to browser, before body renders, to start parallel loading css, js and images, linked in css. (You can see, how this technique works on SO in chrome developer tools – network for example)
I found question about it in asp.net web forms: Send head before body to load CSS and JS asap
I tried to use this solution, but it don’t work.

For razor engine next sequense of steps is actual:

  1. action returns view result
  2. _ViewStart.cshtml executes (set ViewBag.Layout)
  3. view executes from first line to last (with code inclusions and sections)
  4. view engine checks ViewBag.Layout and if it found – executes Layout (with renderind body and sections)

I think that good solution is to divide step 3 into 3 parts:

  1. generating content for Head and Css section
  2. send to browser
  3. generating other part of view

Other solution is to static include all.css and basic .js files in (without sections content, generated from view), send head, and then generate view (with generation FooterScript section).

In both ways I need to start execution from Layout page, not from view. For first: Layout (head) – view (sections) – layout (flush) – view (other) – layout (body). For second: Layout (head + flush) – view (all) + Layout (body).

My _Layout.cshtml file:

<html @Html.Raw(ViewBag.xmlns)>
    <head>
        <title>@ViewBag.Title</title>
        @Html.Partial("_MetaTags")    
        <link href="@Url.ThemeCss("jquery-ui-1.8.18.custom.css")" rel="stylesheet" type="text/css" />
        <link href="@Url.Css("masterPage.css")" rel="stylesheet" type="text/css" />          
        <link rel="shortcut icon" href="/favicon.ico"/>

        @RenderSection("Css", required: false)
        <script src="@Url.CommonScript("jquery.common.min.js")" type="text/javascript"></script>
        <script src="@Url.Script("Master.js")" type="text/javascript"></script>        
        @RenderSection("Head", required: false)    
    </head>

    <body>
        <div id="pageWhithoutFooter">    
            <div id="main">
                @RenderBody()
            </div>
        </div>
        @RenderSection("FooterScript", required: false)
    </body>
</html>

Howto?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try putting your head section into a Partial view then call this in your controller:

    PartialView("_PageHeader").ExecuteResult(ControllerContext);
Response.Flush();

// Generate model

return View(model);

    Not tested this but I can’t see why it wouldn’t work.

    • 0