ASP.Net HTTP2 PushPromise速度很慢 [英] ASP.Net HTTP2 PushPromise is slow
问题描述
我正在尝试使用"PushPromise" .NET 4.6.1实现Http2推送服务器功能，为此，我为Razor提供了"html扩展名"(我们未实现MVC，仅使用Razor引擎来构建页面).
I'm trying to implement the Http2 push server functionality using "PushPromise" .NET 4.6.1, for this I have a "html extension" with Razor (we did not implement MVC only used the Razor engine to build the pages).
public static IHtmlString PushPromiseStylesheet(this HtmlHelper htmlHelper, string src, bool addDomElement = true)
{
var context = HttpContext.Current;
var path = System.Web.Optimization.Styles.Url(src).ToString();
var headers = new NameValueCollection { { "accept-encoding", context.Request.Headers["accept-encoding"] } };
context.Response.PushPromise(path, "GET", headers);
var styleElement = $"<link rel=\"preload\" href=\"{path}\" as=\"style\">";
return new HtmlString(addDomElement ? styleElement : String.Empty);
}
public static IHtmlString PushPromiseJavascript(this HtmlHelper htmlHelper, string src)
{
var context = HttpContext.Current;
var path = System.Web.Optimization.Scripts.Url(src).ToString();
var headers = new NameValueCollection { { "accept-encoding", context.Request.Headers["accept-encoding"] } };
context.Response.PushPromise(path,"GET",headers);
var javascriptElement = $"<link rel=\"preload\" href=\"{path}\" as=\"script\">";
return new HtmlString(javascriptElement);
}
public static IHtmlString PushPromiseImage(this HtmlHelper htmlHelper, string src, bool addDomElement = false)
{
var context = HttpContext.Current;
var path = System.Web.Optimization.Scripts.Url(src).ToString();
var headers = new NameValueCollection { { "accept-encoding", context.Request.Headers["accept-encoding"] } };
context.Response.PushPromise(path,"GET",headers);
var imgElement = $"<link rel=\"preload\" href=\"{path}\">";
return new HtmlString(addDomElement ? imgElement : String.Empty);
}
public static IHtmlString PushPromiseWebFont(this HtmlHelper htmlHelper, string src, string type = null)
{
var context = HttpContext.Current;
var path = System.Web.Optimization.Scripts.Url(src).ToString();
type = string.IsNullOrWhiteSpace(type) ? "font/woff2" : type;
var headers = new NameValueCollection { { "accept-encoding", context.Request.Headers["accept-encoding"] } };
context.Response.PushPromise(path, "GET", headers);
var fontElement = $"<link rel=\"preload\" href=\"{path}\" as=\"font\" type=\"{type}\"> ";
return new HtmlString(fontElement);
}
在<中页面的head>:
And in the < head > of the page:
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<title>@Page.Title</title>
@Html.PushPromiseStylesheet("~/css/app/fonts.css")
@Html.PushPromiseStylesheet("~/css/landing.base.css")
@Html.PushPromiseStylesheet("~/css/landing.style.css")
@Html.PushPromiseImage("/assets/img/bg-ofertas.jpg")
@Html.PushPromiseImage("/assets/img/landings/v2/iphone.png")
@Html.PushPromiseImage("/assets/img/landings/v2/ipad-new.png")
@Html.PushPromiseImage("/assets/img/landings/v2/macbook-new.png")
@Html.PushPromiseWebFont("/assets/fonts/CredimejoraIcons.woff2?miydpz")
@Html.PushPromiseWebFont("/assets/fonts/centrale_sans_regular_italic-webfont.woff2")
@Html.PushPromiseWebFont("/assets/fonts/centrale_sans_bold_italic-webfont.woff2")
@Html.PushPromiseWebFont("/assets/fonts/centrale_sans_regular-webfont.woff2")
@Html.PushPromiseWebFont("/assets/fonts/centrale_sans_bold-webfont.woff2")
@Html.PushPromiseJavascript("/assets/js/public/libs/jquery.inputmask.bundle-3.3.6.2.js")
我已经托管了不使用PushPromise"这个项目(credimejorademo)，在另一个领域中，我实现了PushPromise(aquituinmueble):
I have hosted the same project "without using PushPromise" (credimejorademo), and in another domain I have implemented PushPromise (aquituinmueble):
推荐答案
我在这里提到了几件事.首先，尽管这似乎是违反直觉的，但是您最好不要推动-everything-.我见过的测试数量有限(例如: https://www.smashingmagazine.com/2017/04/guide-http2-server-push/)建议仅推送css可能是提高性能的最佳方法，尽管值得在单个站点上试用.
Just a couple of things I'd mention here. Firstly, although this may seem counter-intuitive, you're probably best off not pushing -everything-. The limited amount of testing I've seen (eg: https://www.smashingmagazine.com/2017/04/guide-http2-server-push/) suggests that pushing css only is probably the best way to improve performance, although it's worth playing around with on an individual site basis.
另一件事是，您实现PushPromise的方式意味着IIS仅在开始处理页面后才收到该请求.也就是说，您几乎在页面通过标准请求推送的同时请求推送.
The other thing is that the way you are implementing PushPromise means that IIS is only getting that request once it's already started processing the page. ie, you're requesting the push at more or less the same time the page would have requested it via a standard .
希望这会有所帮助.
这篇关于ASP.Net HTTP2 PushPromise速度很慢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
