Frontend Performance Optimization: Building Fast Applications Using React
暫譯: 前端效能最佳化：使用 React 建構高速應用程式
Nikhra, Satyam, Biswari, Somya
商品描述
Build faster React applications by mastering the performance techniques that actually matter in production. Speed is no longer a differentiator -- users expect fast experiences, and even small delays reduce engagement and conversion. Yet most applications still ship with avoidable issues like large bundles, unoptimized images, and inefficient data fetching, problems that stay hidden until users feel them.
This book shows you how to approach frontend performance as part of everyday engineering work. You will learn to measure what actually matters using Core Web Vitals, Lighthouse, and real user monitoring data -- not just what looks good in lab tests. Following a systematic process, you will identify bottlenecks, understand their root causes, and apply targeted fixes that deliver real results in production.
You will work through the full performance stack: JavaScript bundles, image delivery, React rendering behavior, data fetching, caching, and network. You will explore rendering strategies such as SSR, SSG, and streaming, learn which anti-patterns to avoid, and understand how to build a performance-aware engineering culture that keeps your application fast over time.
By the end of this book, you will have a clear way to measure, diagnose, and improve performance that will impact not just your application but the way you think about frontend engineering in general.
What You Will Learn
● Measure performance using Core Web Vitals, Lighthouse, and real user monitoring data
● Diagnose and fix high-impact bottlenecks in React applications systematically
● Optimize JavaScript bundles, images, fonts, and CSS for faster load times
● Improve runtime efficiency through smarter rendering, data fetching, and caching strategies
Who This Book Is For
React developers, tech leads, and architects working on production applications who want a practical and systematic approach to frontend performance.
商品描述(中文翻譯)
透過掌握真正影響正式環境的效能技術，打造更快速的 React 應用程式。速度不再是差異化優勢——使用者期待快速的體驗，即使是些微延遲，也會降低互動率與轉換率。然而，多數應用程式仍帶有可避免的問題，例如過大的套件、未最佳化的圖片，以及效率不佳的資料擷取；這些問題往往要等到使用者感受到影響後才會被發現。
本書將教你如何把前端效能視為日常軟體工程工作的一環。你將學會使用 Core Web Vitals、Lighthouse 與真實使用者監控（real user monitoring）資料，衡量真正重要的指標，而不只是實驗室測試中看起來良好的結果。透過系統化流程，你將找出效能瓶頸、了解其根本原因，並套用針對性的修正方案，在正式環境中產生實際成效。
你將完整學習各個效能層面：JavaScript 套件、圖片傳遞、React 的渲染行為、資料擷取、快取與網路。你會探索 SSR、SSG 與串流等渲染策略，了解應避免哪些反模式，並學習如何建立重視效能的工程文化，讓應用程式長期維持快速。
讀完本書後，你將具備一套清楚的方法來衡量、診斷與改善效能；這不僅能提升你的應用程式，也會改變你整體思考前端工程的方式。
你將學到
● 使用 Core Web Vitals、Lighthouse 與真實使用者監控資料衡量效能
● 以系統化方式診斷並修正 React 應用程式中影響重大的效能瓶頸
● 最佳化 JavaScript 套件、圖片、字型與 CSS，縮短載入時間
● 透過更完善的渲染、資料擷取與快取策略，提升執行階段效率
本書適合
正在開發正式環境應用程式的 React 開發者、技術主管與架構師；如果你想採用實用且系統化的方法改善前端效能，本書將非常適合你。
作者簡介
Satyam Nikhra is a Staff Software Engineer based in the San Francisco Bay Area, USA, with nearly a decade of experience building scalable systems across front-end, back-end and DevOps. He has built and scaled production systems serving millions of users across fintech, enterprise SaaS, and healthcare at companies including Earnest, Upstart, Anaplan, Ace Metrix, and Beckman Coulter with deep expertise in Micro Frontend Architecture, Full-Stack development, frontend performance optimization, and PII security. His recent work extends into AI-assisted development and agentic systems, where he focuses on how modern engineering teams can build and ship software faster.
A Senior Member of IEEE, Satyam authors technical articles and thought pieces covering front-end development, full-stack development, AI-assisted development, agentic systems, data security, and distributed systems. He also actively serves as a peer reviewer for IEEE and ACM-affiliated conferences in Artificial Intelligence, Full-Stack Development, Distributed Systems, and Software Engineering.
Somya Biswari is a Software Engineer based in the San Francisco Bay Area, USA, with over six years of experience building scalable front-end systems at Adobe, Meta, Citi Bank, Deloitte, and Oracle. Her work spans enterprise software, financial services, and consumer products giving her a broad perspective on the performance, scalability, and user experience challenges that come with front-end engineering at scale. She brings deep expertise in front-end architecture and UI engineering, with a track record of shipping performant, production-grade experiences across high-traffic platforms.
作者簡介(中文翻譯)
Satyam Nikhra 是一位常駐於美國舊金山灣區的 Staff Software Engineer，擁有近十年經驗，專注於建構可擴充的前端、後端與 DevOps 系統。他曾任職於 Earnest、Upstart、Anaplan、Ace Metrix 和 Beckman Coulter 等公司，負責建構與擴展服務數百萬使用者的正式環境系統，涵蓋金融科技、企業 SaaS 與醫療保健領域。他在 Micro Frontend Architecture、Full-Stack 開發、前端效能最佳化，以及 PII 安全性方面具備深厚專業知識。近來，他的工作延伸至 AI 輔助開發與代理式系統（agentic systems），專注於探討現代工程團隊如何更快速地建構並交付軟體。
Satyam 是 IEEE 資深會員（Senior Member），並撰寫涵蓋前端開發、Full-Stack 開發、AI 輔助開發、代理式系統、資料安全性與分散式系統等主題的技術文章與觀點文章。他也積極擔任 IEEE 與 ACM 相關人工智慧、Full-Stack 開發、分散式系統及軟體工程研討會的同儕審查人員。
Somya Biswari 是一位常駐於美國舊金山灣區的 Software Engineer，擁有超過六年經驗，曾在 Adobe、Meta、Citi Bank、Deloitte 和 Oracle 建構可擴充的前端系統。她的工作涵蓋企業軟體、金融服務與消費性產品，因此對大規模前端工程所面臨的效能、可擴充性與使用者體驗挑戰，具備廣泛且深入的見解。她在前端架構與 UI 工程方面擁有深厚專業知識，並曾在高流量平台上持續交付具備高效能且符合正式環境品質要求的使用者體驗。
