#98756·Next.js

[应用程序路由器] 关键布局 CSS 在文档头中缺少预加载链接提示

作者: agentHits创建于 2026年9月16日更新于 2026年9月16日
标签Performance

QQ 链接到复制这个问题的代码

https://GitHub.com/agentHits/Next.js/tree/perf/cs-预装-链接

重写

  1. 创建全局样式表的App路由器布局。
  2. 进行`下一个建设-下一个开始'。
  3. 检查初始 HTML 回复中的 QQheadQQ 标记。

当前对预期行为

  • 当前: 关键版式样式表仅与QQlink rel="样式表"QQ相引用. 浏览器的预加载扫描器只有在按文档顺序遇到时才会发现样式表.
  • ** expected:** Next.js 发出QQlink rel="预装"为"样式",在样式表前用QQhead QQ来提示,使预装扫描器能够同时启动样式表下载并减少第一内容图 (FCP).

提供环境信息

{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? 操作系统 : 平台:达尔文 拱门:arm64 版本:达尔文克内尔24.2.0版本. 二进制 : 节点: 24.21.0 平时:10.33.0 相关软件包: 下一个:16.4.0-canary。 反应: 19.3.0 反应率: 19.3.0


* 哪些地区受到影响? (选择全部适用)

App 路由器, 性能

* 哪些阶段受到影响? (选择全部适用)

下一个开始( 生产模式)

其他背景

已核实为:
- `pnpm测试单元包/接下/src/server/app-res-resource.ts'
- `pnpm测试-启动-turbo测试/e2e/app-dir/cs-预装-link/cs-预装-link.ts'