最近给自己的 Next.js 小项目做性能优化，接入浏览器 MCP 后，让 Codex 直接操作浏览器并读取 Lighthouse 、Performance 、Console 、Network 和 DOM 。 大致流程是： 先让 Codex 只跑 Lighthouse ，保存基线，不修改代码； 根据 TBT 和 Performance trace 找 long task ； 对比服务端 HTML 和 hydration 后的 DOM ； 追踪到具体源码和业务函数； 确认原因后，再让 Codex 分阶段修改； 每一步都重新跑测试、检查 Console 和 Lighthouse 。 我使用的 Prompt 大致是： 请使用浏览器 MCP 和 Lighthouse 分析当前网站。 先不要修改代码，保存 JSON 基线，记录 FCP 、LCP 、TBT 、TTI 、CLS 、 long task 、资源大小，并检查 Console 、Network 和 hydration 错误。 请把结果整理为： 现象 -> 证据 -> 假设 -&...