跳到主要内容
返回

作为 Frontend Engineer 的所学

从构建与运营生产级 web 与 mobile 产品中学到的四堂课

四年前,我以为 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%。

四堂课

  1. 架构层面的改变胜过局部优化。 调整 React tree 之前,先衡量整条路径。
  2. Caching 是 freshness policy。 静态内容、编辑更新,以及可变数据,各有不同的生命周期。
  3. 可靠性是面向用户的。 掉帧、内存增长、加载失败与 crash,打断的是同一段旅程。
  4. 交付系统是产品的一部分。 共用基础与更安全的 releases,会跨团队累积效益。


「Senior」对我现在的意义

  • 衡量 用户旅程,而不只是 component render time。
  • 架构对准瓶颈,即使它落在 frontend repository 之外。
  • 建模 freshness 与 ownership,而不是被动地加 caches。
  • 用真实的 reliability signals 在发布后运营产品
  • 通过共用基础、tests 与更安全的 delivery,改善 下一位工程师 的路径。


Framework APIs 会变。这个循环背后的判断力,应该仍然有用。

阅读下一篇笔记
2026 个人发展计划