四年前,我以为 frontend engineering 就是把设计变成精致的界面。Production 教会我要把目光放在 component 之外:架构、数据新鲜度、可靠性、交付,以及可衡量的用户结果,都是这份工作的一部分。
以下指标是项目成果,不是通用基准。重要的是技术决策与可观察结果之间的联系。
成果一览
- Architecture: page load 加快 80%、search latency 降低 90%,PageSpeed 高于 90。
- Web performance: LCP 低于 0.5 秒,CLS 低于 0.1。
- Mobile reliability: 上线后 crash-free sessions 超过 99.5%。
- Delivery: 以 SST 将 build 与 deployment 时间缩短超过 50%。
四堂课
- 架构层面的改变胜过局部优化。 调整 React tree 之前,先衡量整条路径。
- Caching 是 freshness policy。 静态内容、编辑更新,以及可变数据,各有不同的生命周期。
- 可靠性是面向用户的。 掉帧、内存增长、加载失败与 crash,打断的是同一段旅程。
- 交付系统是产品的一部分。 共用基础与更安全的 releases,会跨团队累积效益。
「Senior」对我现在的意义
- 衡量 用户旅程,而不只是 component render time。
- 让 架构对准瓶颈,即使它落在 frontend repository 之外。
- 建模 freshness 与 ownership,而不是被动地加 caches。
- 用真实的 reliability signals 在发布后运营产品。
- 通过共用基础、tests 与更安全的 delivery,改善 下一位工程师 的路径。
Framework APIs 会变。这个循环背后的判断力,应该仍然有用。