渲染阻止Javascript和CSS MVC4

Question

我正在MVC 4 Web应用程序上进行最佳优化。

现在只有最后一件事困扰我。

问题：消除渲染阻止的JavaScript和CSS

我知道的：

1）在_Layout.cshtml中，@ Styles.Render（“〜/ Content / css”）和@ Scripts.Render（“〜/ bundles / modernizr”）标记在'/ head'标记的正下方。

2）可以使用'async'来消除Javascript阻止，并且CSS应该写在'/ html'标记之外。

对于CSS，这在我的代码中不起作用，对于JS，我什么都不知道。

问题：如何使此页面100％优化？

提前致谢。

下面是图像：

Answer 1

为了避免与content.css阻塞，请将其添加到布局标头中

<script type="text/javascript">

function load_css_async(filename) {


    var cb = function () {
        var l = document.createElement('link'); l.rel = 'stylesheet';
        l.href = filename;
        var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
    };
    var raf = requestAnimationFrame || mozRequestAnimationFrame ||
        webkitRequestAnimationFrame || msRequestAnimationFrame;
    if (raf) raf(cb);
    else window.addEventListener('load', cb);


 }

</script>


@Styles.RenderFormat("<script type=\"text/javascript\">load_css_async('{0}')</script>", "~/Content/css")