第二版全面升級成全彩印刷，閱讀上更加美觀舒適！

內容也更新成最新技術，快速適應未來潮流！

「前端效能優化」最全面的書籍！

精通前端基礎和優化技術，為你打造高效能網站！

本書內容改編自第 13 屆 2021 iThome 鐵人賽，Modern Web 組冠軍網路系列文章──《今晚，我想來點 Web 前端效能優化大補帖！》。本書彙整了網頁前端應用效能優化的各種技巧，並以此為出發點，延伸至許多前端領域必備的知識。搭配簡易圖文和範例檔實作，讓你打造高效能的前端應用，解決網站效能痛點，提升速度與使用者體驗，增加網站曝光率與流量！

本次改版除了將一些過時的內容更新，以及新增新的章節以外，也驗證了大部分的篇章概念是不會因為前端技術本身或是 AI 的發展而變成無用的知識。作者希望透過「前端效能優化」這個主題協助讀者掌握前端開發裡的「底層邏輯」，在快速變化的前端領域掌握不變的核心概念，培養能夠快速適應未來改變的扎實基底！

專注底層邏輯才能永不過時！

讓你增進網站效能的四劑大補帖

▍小細節讓效能UP

除了依賴指標，還要從對的地方著手！

▍前端開發心法

用對優化工具和技術，提升效能&使用者體驗。

▍深入技術原理

介紹前端技術原理，精通前端應用知識。

▍提供完整範例

跟著實作範例學習，強化前端優化技能！

【精彩內容】

•認識 Core Web Vitals、RAIL Model、Lighthouse 等指標和效能監測工具，找出效能不足的地方。

•建立前端必備知識：瀏覽器架構與渲染流程、網路與快取、JavaScript 記憶體管理機制，並學習正確的圖片資源、檔案壓縮與打包技術。

•在不同情境下使用正確的優化技術：Code Splitting、動態載入、Tree Shaking、模組化技巧、Web Workers 與 WebAssembly。

•使用 DevTool 檢測網站效能、實作 Debounce 與 Throttle，達到網站節流。

【目標讀者】

✦想要了解各種效能優化技巧的前端開發者

✦想要更理解前端開發底層知識的開發者

✦想了解前端開發近期發展與未來趨勢的讀者

下載範例程式檔案

本書的程式碼是由GitHub託管，可點選下面圖案前往下載：

github.com/kylemocode/f2e-performance-optimization-book-demo