四年前,我以為 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 會變。這個迴圈背後的判斷力,應該仍然有用。