今晚來點Web前端效能優化大補帖:從效能優化掌握前端開發的底層邏輯 全彩版(iThome鐵人賽系列書)
作者：
莫力全(Kyle Mo)
出版社：博碩文化
出版日期：2025-12-03
語言：中文
ISBN：9786264143721
裝訂：平裝
定價：720 元
第二版全面升級成全彩印刷,閱讀上更加美觀舒適!
內容也更新成最新技術,快速適應未來潮流!
「前端效能優化」最全面的書籍!
精通前端基礎和優化技術,為你打造高效能網站!
本書內容改編自第 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
專業推薦
「這本書是 Kyle 在 AI 時代前,對於經典前端技術的集大成之作,而在 AI 時代的考驗下,這些內容仍是歷久彌新,仍舊佔據我們日常開發技術決策的要角。」——John Liu(Engineering Manager @Netskope)
「距離上次出版已隔數年,作者仍深耕於前端領域,持續探索新技術,並用清晰的文字,梳理出複雜概念背後的脈絡。更難能可貴的是,他更長期投入於社群,帶領許多台灣的新血投入產業、啟發更多人熱愛前端。」——Lichin Lin(Design Engineer @GitHub)
「前端效能優化是一個永無止境的主題,因為技術一直在進步,使用者的期待也一直在提高。但我一直相信與其追求每一個細節都優化到極致,不如先建立正確的效能觀念,知道什麼時候該優化以及該優化什麼。我真心推薦你好好讀這本書,而且一定要動手實作,親自驗證書中提到的技術。」——高見龍(五倍學院 創辦人 & 院長)
內容也更新成最新技術,快速適應未來潮流!
「前端效能優化」最全面的書籍!
精通前端基礎和優化技術,為你打造高效能網站!
本書內容改編自第 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
專業推薦
「這本書是 Kyle 在 AI 時代前,對於經典前端技術的集大成之作,而在 AI 時代的考驗下,這些內容仍是歷久彌新,仍舊佔據我們日常開發技術決策的要角。」——John Liu(Engineering Manager @Netskope)
「距離上次出版已隔數年,作者仍深耕於前端領域,持續探索新技術,並用清晰的文字,梳理出複雜概念背後的脈絡。更難能可貴的是,他更長期投入於社群,帶領許多台灣的新血投入產業、啟發更多人熱愛前端。」——Lichin Lin(Design Engineer @GitHub)
「前端效能優化是一個永無止境的主題,因為技術一直在進步,使用者的期待也一直在提高。但我一直相信與其追求每一個細節都優化到極致,不如先建立正確的效能觀念,知道什麼時候該優化以及該優化什麼。我真心推薦你好好讀這本書,而且一定要動手實作,親自驗證書中提到的技術。」——高見龍(五倍學院 創辦人 & 院長)
