google-chrome - HTTP 103 早期提示 : How to diagnose if they are correctly set by Cloudflare and respected by Chrome?

Question

对于我的cryptocurrency market data website

• 我有 enabled early hints在 Cloudlare 上

• 我正在生成有关 SvelteKit/Vite web server hooks 的早期提示

• 我已验证 HTTP 回复中是否存在 Link header

Link: </fonts3.css>; rel="preconnect", </_app/assets/start-6f5e0715.css>; rel="preconnect", </_app/assets/pages/__layout.svelte-f31b19cc.css>; rel="preconnect", </_app/assets/pages/index.svelte-84a34be8.css>; rel="preconnect"

• I have enabled Chrome command line flag to respect early hints

现在，我该如何验证

• Cloudflare 正确生成 HTTP/1.1 103 Early Hints。我可以使用 curl 或 wget 显示此信息吗？

• Chrome 尊重早期提示 - 这显示在网络开发人员工具的“性能”选项卡中或其他地方？

Answer 1

我没有运气从 Chrome 的开发工具验证 Chrome 的响应。当我监控网络流量时，Chrome devtool 根本不显示 103 响应。但是，我可以使用curl 验证服务器103 响应。这是一个curl输出示例:

$curl -k -v —http2 https://evanella.org

...

• 升级后将流缓冲区中的 HTTP/2 数据复制到连接缓冲区:len=0
• 使用流 ID:1(简单句柄 0x7fa7a2009200)

GET / HTTP/2Host: evanella.orgUser-Agent: curl/7.64.1Accept: /

...

• 连接状态已更改 (MAX_CONCURRENT_STREAMS == 100)!

<链接:https://evanella.org/ ; rel=预加载；

<链接:https://evanella.org/wp-content/themes/twentytwentytwo/assets/fonts/SourceSerif4Variable-Roman.ttf.woff2 ; rel=预载； as=字体

<链接:https://evanella.org/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-transparent-d.png ; rel=预载；作为=图像

<链接:https://evanella.org/wp-content/themes/twentytwentytwo/style.css?ver=1.1 ; rel=预载； as=样式

<链接:https://evanella.org/wp-includes/blocks/navigation/view.min.js?ver=3776ea67846b3bb10fe8f7cdd486b0ba ; rel=预载； as=脚本

...

<服务器:h2o/2.3.0-DEV@998a7fb7b

< 内容类型:text/html；字符集=UTF-8

<链接:https://evanella.org/wp-json/ ; rel =“https://api.w.org/”

< 变化:接受编码

顺便说一句，我配置了自己的网络服务器来生成 103 个早期提示响应​​。