跳至主要內容
返回

作為 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 個人發展計劃