

數量
95
490465
此商品享ShopBack 0.5%回饋;不適用於誠品分潤計劃、美安等現金回饋機制
針對「前端效能優化」技巧最全面的中文書籍!
精通前端基礎和優化技術,為你打造高效能網站!
本書內容改編自第 13 屆 2021 iThome 鐵人賽,Modern Web 組冠軍網路系列文章──《今晚,我想來點 Web 前端效能優化大補帖!》。本書彙整了網頁前端應用效能優化的各種技巧,並以此為出
精通前端基礎和優化技術,為你打造高效能網站!
本書內容改編自第 13 屆 2021 iThome 鐵人賽,Modern Web 組冠軍網路系列文章──《今晚,我想來點 Web 前端效能優化大補帖!》。本書彙整了網頁前端應用效能優化的各種技巧,並以此為出
內容簡介
針對「前端效能優化」技巧最全面的中文書籍!
精通前端基礎和優化技術,為你打造高效能網站!
本書內容改編自第 13 屆 2021 iThome 鐵人賽,Modern Web 組冠軍網路系列文章──《今晚,我想來點 Web 前端效能優化大補帖!》。本書彙整了網頁前端應用效能優化的各種技巧,並以此為出發點,延伸至許多前端領域必備的知識。搭配簡易圖文和範例檔實作,讓你打造高效能的前端應用,解決網站效能痛點,提升速度與使用者體驗,增加網站曝光率與流量!
【四大重點】
▍小細節讓效能UP
除了依賴指標,還要從對的地方著手!
▍前端開發必備心法
用對優化工具和技術,提升效能&使用者體驗。
▍深入技術原理
介紹前端技術原理,精通前端應用知識。
▍提供完整範例檔
跟著實作範例學習,強化前端優化技能!
【精彩內容】
●認識 Core Web Vitals、RAIL Model、Lighthouse 等指標和效能監測工具,找出效能不足的地方。
●建立前端必備知識:瀏覽器架構與渲染流程、網路與快取、JavaScript 記憶體管理機制,並學習正確的圖片資源、檔案壓縮與打包技術。
●在不同情境下使用正確的優化技術:Code Splitting、動態載入、Tree Shaking、模組化技巧、Web Workers 與 WebAssembly。
●使用 DevTool 檢測網站效能、實作 Debounce 與 Throttle,達到網站節流。
【專業推薦】
「不論是剛入門的工程師或者資深工程師,都可以在這本書得到不同階段的啟發並且應用在實戰當中。」
──── Verybuy Fashion 資深前端技術總監│Bingo Yang
「作者將業界所交流的各式各樣經驗,在這本書中一次性地統整起來,不僅僅只是教你效能優化的技巧,甚至帶著你從歷史淵源、使用者面向、網路傳輸、渲染機制等不同角度來看效能。」
──── 適才科技技術長 & Web 實驗室社群發起人│KK
「前端領域的發展十分迅速,很難得有作者用心將這些知識整理成書,帶領讀者從發現問題開始,了解背後原因與需求、實作練習,以及在每章節附上延伸學習的資源。」
──── Design engineer@PicCollage│Lichin
「這本書深入淺出說明效能優化的各道題目,篇篇精彩有趣。除了從遠古到現今的技術解析和優劣比較,並且圖文並茂、附上實戰實例,讀起來讓人欲罷不能。」
────《 打造高速網站從網站指標開始 》、技術部落格「Summer。桑莫。夏天」作者│Summer
【目標讀者】
✦想要了解各種效能優化技巧的前端開發者
✦想要更理解前端開發底層知識的開發者
✦想了解前端開發近期發展與未來趨勢的讀者
精通前端基礎和優化技術,為你打造高效能網站!
本書內容改編自第 13 屆 2021 iThome 鐵人賽,Modern Web 組冠軍網路系列文章──《今晚,我想來點 Web 前端效能優化大補帖!》。本書彙整了網頁前端應用效能優化的各種技巧,並以此為出發點,延伸至許多前端領域必備的知識。搭配簡易圖文和範例檔實作,讓你打造高效能的前端應用,解決網站效能痛點,提升速度與使用者體驗,增加網站曝光率與流量!
【四大重點】
▍小細節讓效能UP
除了依賴指標,還要從對的地方著手!
▍前端開發必備心法
用對優化工具和技術,提升效能&使用者體驗。
▍深入技術原理
介紹前端技術原理,精通前端應用知識。
▍提供完整範例檔
跟著實作範例學習,強化前端優化技能!
【精彩內容】
●認識 Core Web Vitals、RAIL Model、Lighthouse 等指標和效能監測工具,找出效能不足的地方。
●建立前端必備知識:瀏覽器架構與渲染流程、網路與快取、JavaScript 記憶體管理機制,並學習正確的圖片資源、檔案壓縮與打包技術。
●在不同情境下使用正確的優化技術:Code Splitting、動態載入、Tree Shaking、模組化技巧、Web Workers 與 WebAssembly。
●使用 DevTool 檢測網站效能、實作 Debounce 與 Throttle,達到網站節流。
【專業推薦】
「不論是剛入門的工程師或者資深工程師,都可以在這本書得到不同階段的啟發並且應用在實戰當中。」
──── Verybuy Fashion 資深前端技術總監│Bingo Yang
「作者將業界所交流的各式各樣經驗,在這本書中一次性地統整起來,不僅僅只是教你效能優化的技巧,甚至帶著你從歷史淵源、使用者面向、網路傳輸、渲染機制等不同角度來看效能。」
──── 適才科技技術長 & Web 實驗室社群發起人│KK
「前端領域的發展十分迅速,很難得有作者用心將這些知識整理成書,帶領讀者從發現問題開始,了解背後原因與需求、實作練習,以及在每章節附上延伸學習的資源。」
──── Design engineer@PicCollage│Lichin
「這本書深入淺出說明效能優化的各道題目,篇篇精彩有趣。除了從遠古到現今的技術解析和優劣比較,並且圖文並茂、附上實戰實例,讀起來讓人欲罷不能。」
────《 打造高速網站從網站指標開始 》、技術部落格「Summer。桑莫。夏天」作者│Summer
【目標讀者】
✦想要了解各種效能優化技巧的前端開發者
✦想要更理解前端開發底層知識的開發者
✦想了解前端開發近期發展與未來趨勢的讀者
產品目錄
Ch01 認識前端效能優化與衡量指標Planning And Metrics
Ch02 網頁資源優化Assets Optimization
Ch03 渲染流程優化Render Process Optimization
Ch04 組建流程優化Build Process Optimization
Ch05 快取與網路機制Caching & Networking
Ch06 初探Web Workers與WebAssembly
Ch07 記憶體與渲染架構Memory & Rendering Architecture
Ch08 DevTool Debugging &前端節流
附錄 A 參考資源
Ch02 網頁資源優化Assets Optimization
Ch03 渲染流程優化Render Process Optimization
Ch04 組建流程優化Build Process Optimization
Ch05 快取與網路機制Caching & Networking
Ch06 初探Web Workers與WebAssembly
Ch07 記憶體與渲染架構Memory & Rendering Architecture
Ch08 DevTool Debugging &前端節流
附錄 A 參考資源
作者介紹
莫力全 Kyle Mo
雜食性軟體工程師,任何有興趣的技術都想要親自嘗試與學習,其中又尤其熱愛Web前端技術。喜歡分享技術與經驗,一陣子沒寫技術文章就會感到全身不舒服。除了對軟體開發充滿興趣外,也是個籃球狂熱者,也許可以在各大籃球賽見到我的身影。
2020年於Medium發表〈今晚,我想來點Web前端效能優化大補帖!〉,分享許多前端知識及優化技巧。並於 2021 年以同主題參加iThome鐵人賽,獲得Modern Web組冠軍。
雜食性軟體工程師,任何有興趣的技術都想要親自嘗試與學習,其中又尤其熱愛Web前端技術。喜歡分享技術與經驗,一陣子沒寫技術文章就會感到全身不舒服。除了對軟體開發充滿興趣外,也是個籃球狂熱者,也許可以在各大籃球賽見到我的身影。
2020年於Medium發表〈今晚,我想來點Web前端效能優化大補帖!〉,分享許多前端知識及優化技巧。並於 2021 年以同主題參加iThome鐵人賽,獲得Modern Web組冠軍。
規格
誠品貨碼 / 2682757492000
ISBN13 / 9786263332218
ISBN10 /
EAN貨碼 / 9786263333024
頁數 / 360
語言 / 1:中文/繁體
級別 / N:無
檔案格式 / PDF(54MB)
檔案匯出格式 / PDF 提供 Adobe DRM
TTS朗讀 / EPUB不提供TTS朗讀
退貨說明
退貨須知:
- 依照消費者保護法的規定,您享有商品貨到次日起七天猶豫期(含例假日)的權益(請注意!猶豫期非試用期),辦理退貨之商品必須是全新狀態(不得有刮傷、破損、受潮)且需完整(包含全部商品、配件、原廠內外包裝、贈品及所有附隨文件或資料的完整性等)。
- 請您以送貨廠商使用之包裝紙箱將退貨商品包裝妥當,若原紙箱已遺失,請另使用其他紙箱包覆於商品原廠包裝之外,切勿直接於原廠包裝上黏貼紙張或書寫文字。若原廠包裝損毀將可能被認定為已逾越檢查商品之必要程度,本公司得依毀損程度扣除回復原狀必要費用(整新費)後退費;請您先確認商品正確、外觀可接受,再行拆封,以免影響您的權利;若為產品瑕疵,本公司接受退貨。
依「通訊交易解除權合理例外情事適用準則」,下列商品不適用七日猶豫期,除產品本身有瑕疵外,不接受退貨:
- 易於腐敗、保存期限較短或解約時即將逾期。(如:生鮮蔬果、乳製品、冷凍冷藏食材、蛋糕)
- 依消費者要求所為之客製化給付。(如:客製印章、鋼筆刻字)
- 報紙、期刊或雜誌。
- 經消費者拆封之影音商品或電腦軟體。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供。(如:電子書)
- 已拆封之個人衛生用品。(如:內衣褲、襪類、褲襪、刮鬍刀、除毛刀等貼身用品)
- 國際航空客運服務。
若您退貨時有下列情形,可能被認定已逾越檢查商品之必要程度而須負擔為回復原狀必要費用(整新費),或影響您的退貨權利,請您在拆封前決定是否要退貨:
- 以數位或電磁紀錄形式儲存或著作權相關之商品(包含但不限於CD、VCD、DVD、電腦軟體等) 包裝已拆封者(除運送用之包裝以外)。
- 耗材(包含但不限於墨水匣、碳粉匣、紙張、筆類墨水、清潔劑補充包等)之商品包裝已拆封者(除運送用之包裝以外)。
- 衣飾鞋類/寢具/織品(包含但不限於衣褲、鞋子、襪子、泳裝、床單、被套、填充玩具)或之商品缺件(含購買商品、附件、內外包裝、贈品等)或經剪標或下水或商品有不可回復之髒污或磨損痕跡。
- 食品、美容/保養用品、內衣褲等消耗性或個人衛生用品、商品銷售頁面上特別載明之商品已拆封者(除運送用之包裝外一切包裝、包括但不限於瓶蓋、封口、封膜等接觸商品內容之包裝部分)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
- 家電、3C、畫作、電子閱讀器等商品,除商品本身有瑕疵外,退回之商品已拆封(除運送用之包裝外一切包裝、包括但不限於封膜等接觸商品內容之包裝部分、移除封條、拆除吊牌、拆除貼膠或標籤等情形)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
- 退貨程序請參閱【客服專區→常見問題→誠品線上退貨退款】之說明。
付款/配送



