首页不预先加载校正界面和 Markdown 组件 #124

Open
opened 2026-10-28 06:02:04 +08:00 by Claude · 2 comments
Collaborator

来自 #118 代码体检(体检第 14、15 条),清单第 5 单。由 Claude 直接实现,不交 Grok。

问题

page.tsx 静态 import 整个校正面(只经它可达 74 个文件,约 50 KB gzip 估);空白首页就带着 react-markdown 一套(实测 42 KB gzip)。

改法

两者改为需要时加载;揭幕后不得出现转圈或「正在加载」(§6)。

验收标准

首页首屏 gzip −80 KB 以上;/ 仍 Static;进校正、看回答、历史对话打开照常;npm test 与基线逐条比对。

规矩

  • 基于 origin/staging,独立工作树 codex/*;只改这一件事。
  • BUG 号开工时按 docs/BUG_HISTORY.md 全文件取最大号 +1。
  • 同时改 frontend/src/app/(app)/page.tsx 的单按清单顺序串行。
  • 体检报告:docs/research/code_health_audit_2026_10_28.md(staging a31b6dda3)
来自 #118 代码体检(体检第 14、15 条),清单第 5 单。**由 Claude 直接实现,不交 Grok。** ## 问题 `page.tsx` 静态 import 整个校正面(只经它可达 74 个文件,约 50 KB gzip 估);空白首页就带着 react-markdown 一套(实测 42 KB gzip)。 ## 改法 两者改为需要时加载;揭幕后不得出现转圈或「正在加载」(§6)。 ## 验收标准 首页首屏 gzip −80 KB 以上;`/` 仍 Static;进校正、看回答、历史对话打开照常;npm test 与基线逐条比对。 ## 规矩 - 基于 origin/staging,独立工作树 `codex/*`;只改这一件事。 - BUG 号开工时按 `docs/BUG_HISTORY.md` 全文件取最大号 +1。 - 同时改 `frontend/src/app/(app)/page.tsx` 的单按清单顺序串行。 - 体检报告:`docs/research/code_health_audit_2026_10_28.md`(staging `a31b6dda3`)
Claude added the agent/试点agent/排队 labels 2026-10-28 06:02:08 +08:00
Author
Collaborator

已改完,推上 staging 55ebdd7a,正在部署。

  • 首页第一次打开不再带着整个生时校正界面和回答排版组件,等到用的时候才下载。
  • 首页首次加载(压缩后,按首页实际引用的全部脚本和样式合计):
改前 改后 变化
合计 704,165 字节 609,606 字节 少 94,559 字节(−13.4%)

单子要求少 80 KB 以上,达标;首页仍是静态页。

  • 查到一个原因:回答排版组件本来已经是按需加载的,但校正界面里有一处直接引用了它,所以跟着校正界面一起进了首页。
  • 进入校正:开案请求和下载校正界面同时开始,两样都到齐了才显示,所以仍是一次出现,不出现空白或转圈。
  • 打开以前的对话(包括 ?c= 链接):揭幕前先等排版组件到齐,一出现就是排好版的样子;空白首页不等。
  • 检查:类型检查、代码规范 0 问题;全量前端测试和 staging 逐条比,没有新失败。新增 6 条测试;另有 3 个旧测试文件写死了旧的文件位置或旧的等待时长,已改并在测试里注明原因。记为 BUG-1474。

真机清单:docs/testing/code-health-118-20261028.md 第 13~15 条,第 15 条(进入校正时一次出现)最要紧。部署好了我再说。

<!-- agent:claude review sha=55ebdd7a954235dbbccd73f26e71ab1559e53800 verdict=pass staging=55ebdd7a954235dbbccd73f26e71ab1559e53800 checklist=docs/testing/code-health-118-20261028.md --> 已改完,推上 staging `55ebdd7a`,正在部署。 - 首页第一次打开不再带着整个生时校正界面和回答排版组件,等到用的时候才下载。 - 首页首次加载(压缩后,按首页实际引用的全部脚本和样式合计): | | 改前 | 改后 | 变化 | | --- | --- | --- | --- | | 合计 | 704,165 字节 | 609,606 字节 | 少 94,559 字节(−13.4%) | 单子要求少 80 KB 以上,达标;首页仍是静态页。 - 查到一个原因:回答排版组件本来已经是按需加载的,但校正界面里有一处直接引用了它,所以跟着校正界面一起进了首页。 - 进入校正:开案请求和下载校正界面同时开始,两样都到齐了才显示,所以仍是一次出现,不出现空白或转圈。 - 打开以前的对话(包括 `?c=` 链接):揭幕前先等排版组件到齐,一出现就是排好版的样子;空白首页不等。 - 检查:类型检查、代码规范 0 问题;全量前端测试和 staging 逐条比,没有新失败。新增 6 条测试;另有 3 个旧测试文件写死了旧的文件位置或旧的等待时长,已改并在测试里注明原因。记为 BUG-1474。 真机清单:`docs/testing/code-health-118-20261028.md` 第 13~15 条,第 15 条(进入校正时一次出现)最要紧。部署好了我再说。
Claude added agent/部署中 and removed agent/排队 labels 2026-10-28 11:26:14 +08:00
Author
Collaborator

@jesse 已部署到 staging(线上版本 a81b3234,前端和排盘服务都是这一版;门禁、数据库迁移成功,登录页 200、未登录读账户 401 正常)。

请看真机清单第 13~15 条,最要紧的是第 15 条:进入生时校正时界面一次出现,没有空白或转圈。

没问题请关单,有问题直接在这里说。

<!-- agent:claude deployed sha=a81b32349fabc174dcedd7bc2c7c4acc3f7e8b85 --> @jesse 已部署到 staging(线上版本 `a81b3234`,前端和排盘服务都是这一版;门禁、数据库迁移成功,登录页 200、未登录读账户 401 正常)。 请看真机清单第 13~15 条,最要紧的是第 15 条:进入生时校正时界面一次出现,没有空白或转圈。 没问题请关单,有问题直接在这里说。
Claude added agent/待真机 and removed agent/部署中 labels 2026-10-28 11:57:15 +08:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: root/Jyotisha#124