Codex Rencal 性能录制分析｜按最长帧和脚本耗时排列问题
EnglishCodex 安装步骤
- 打开 GitHub 固定提交的 `.agents/skills/performance-analysis/SKILL.md`，核对内容与使用条件。
- 在自己的项目中创建 `.agents/skills/performance-analysis/`，把核对后的文件保存为 `.agents/skills/performance-analysis/SKILL.md`。
- 在该项目根目录启动 Codex，输入 `$performance-analysis` 并选择同名技能。
中文摘要
使用 Rencal 原仓库的分析工作流读浏览器性能录制，核对最长帧、布局事件和脚本耗时，再给出有证据的优化顺序。
SKILL.md 中文导读
可复现示例
根据以下模拟分析摘要列出首先要查的热点。
{"interaction":"changing calendar month","longestFrameMs":33,"topScript":"buildGrid","scriptSelfMs":19,"layoutMs":3}工作步骤
- 先明确慢交互并获取录制。
- 读最长帧、布局和 CPU 热点，顺着热点确认相关代码。
- 按预计收益排列改进项，用同一交互的第二次录制作对照。
验收方法
优先检查 `buildGrid=19ms` 及 `longestFrame=33ms` 的关系。先核对网格构建有无重复计算，然后复录同一交互验证。
GitHub 原文 · 更新日期
适用环境
用 Codex 打开 Rencal 项目，准备保存到 recordings 目录的浏览器录制 JSON。原流程需要项目的 just 分析入口，也可以先解读已导出的摘要。
常见问题
优化后如何比较？
重新录制同一操作，尽量保持场景与输入一致，对照最长帧和原先脚本热点的耗时。