| 書名: | 今晚來點Web前端效能優化大補帖:從效能優化掌握前端開發的底層邏輯 全彩版(iThome鐵人賽系列書) (2版) | |||
| 作者: | 莫力全 Kyle Mo | |||
| 版次: | 2 | |||
| ISBN: | 9786264143721 | |||
| 出版社: | 博碩 | |||
| 出版日期: | 2025/12 | |||
| 頁數: | 400 | |||
|
#資訊
#編程與軟體開發 #JavaScript |
||||
【簡介】 第二版全面升級成全彩印刷,閱讀上更加美觀舒適! 內容也更新成最新技術,快速適應未來潮流! 「前端效能優化」最全面的書籍! 精通前端基礎和優化技術,為你打造高效能網站! 本書內容改編自第 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) 「前端效能優化是一個永無止境的主題,因為技術一直在進步,使用者的期待也一直在提高。但我一直相信與其追求每一個細節都優化到極致,不如先建立正確的效能觀念,知道什麼時候該優化以及該優化什麼。我真心推薦你好好讀這本書,而且一定要動手實作,親自驗證書中提到的技術。」——高見龍(五倍學院 創辦人 & 院長) 【目錄】 推薦序一 推薦序二 推薦序三 第二版 自序 Ch00 寫在旅程之前,讓我們先理解底層邏輯 Ch01 認識前端效能優化與衡量指標 Planning And Metrics 1-1 前端效能優化為什麼如此重要? 1-2 效能的監控工具 ─ Performance Analyzers 1-3 衡量前端效能的重要指標:Core Web Vitals 1-4 從使用者的角度出發 ─ RAIL Model Ch02 網頁資源優化 Assets Optimization 2-1 程式碼最佳化 2-2 圖片資源最佳化 2-3 檔案壓縮 File Compression 2-4 可適性服務 Adaptive Serving Ch03 渲染流程優化 Render Process Optimization 3-1 瀏覽器的架構演進史 3-2 瀏覽器渲染引擎的運作機制 3-3 控制 Script 的載入時機 ─ Non-blocking Script 3-4 優化資源的載入時機 ─ Resource Hints 3-5 減輕渲染的負擔 ─ Virtualized List 3-6 延遲載入 Lazy Loading 3-7 CSS 也會影響效能!寫出高效能的 CSS 3-8 硬體加速 ─ CSS GPU Acceleration Ch04 組建流程優化 Build Process Optimization 4-1 拆分應用的 Bundle ─ Code Splitting & Dynamic Import 4-2 移除用不到的程式碼 ─ Tree Shaking 4-3 犧牲支援度減少 Bundle Size ─ Polyfill-less Bundling Script 4-4 現代打包工具 Ch05 快取與網路機制 Caching & Networking 5-1 前端必備快取知識 (1):HTTP Cache 5-2 前端必備快取知識 (2):Service Workers Cache 5-3 前端必備快取知識 (3):CDN 5-4 運用 Service Workers ─ Application Shell Architecture 5-5 使用 Stale While Revalidate 提供更好的使用者體驗 5-6 極限加速!升級 HTTP 版本 Ch06 初探 Web Workers 與 WebAssembly 6-1 讓主執行緒喘口氣吧 ─ Web Workers 6-2 讓 Web 充滿更多可能性 ─ WebAssembly Ch07 記憶體與渲染架構 Memory & Rendering Architecture 7-1 認識JavaScript 的記憶體管理機制 7-2 前端應用的各種渲染架構 Ch08 DevTool Debugging & 前端節流 8-1 善用DevTool 來監控網頁效能 ─ Runtime Performance Debugging 8-2 面對大量請求,前端可以做些什麼? Ch09 前端可觀測性Frontend Observability 9-1 什麼是 Frontend Observability? 9-2 前端可觀測性的獨特挑戰 9-3 前端可觀測性實作工具與策略 附錄 A 參考資源
還沒有人留下心得,快來搶頭香!
為您推薦
類似書籍推薦給您
【簡介】 在轉型與挑戰交織的年代, 誰能提出具遠見又實用的城市治理策略? 在全球城市競逐的浪潮中, 一位曾任駐外大使、行政院發言人、新聞局長的政治人物, 如何以溫和理性卻果決務實的風格,引領中台灣邁向現代化? 《我是胡志強,今天來報到!》是一部結合政治歷史、城市發展與個人哲學的深度訪談紀錄與傳記體書寫。全書從胡志強自外交轉入市政的心路歷程出發,深入探討他在台中市長任內的重大建設、政策理念與治理思維,並回顧他如何透過對文化、交通、建設、產業與城市品牌的深耕,將台中打造為宜居城市典範。 本書不僅忠實紀錄胡志強十三年市政生涯的關鍵抉擇與城市變革,也反映台灣地方政治與行政實踐中的制度與人性光影。透過作者與胡志強市長數度深談與訪談資料整理,讀者得以從第一手視角,理解一位溫厚務實的政治人物,如何以「公僕思維」貫徹服務市民的信念。 本書特色 1. 實證觀察、理性分析:全書以主題式章節呈現胡志強的治市理念,包括文創政策、交通建設、城市外交、治安與公共安全、智慧城市等,深入剖析市政思維。 2. 見證城市成長的思維紀錄:從秋紅谷、夏綠地、國際標準棒球場到歌劇院,本書具體記錄他如何以願景與執行力結合,逐步實現台中的蛻變。 3. 全人視角下的政治人物:除市政事務外,亦觸及胡志強的家族、人生價值、外交歷練與競選經驗,展現其豐富而真實的個人面貌。 4. 兼具歷史與借鏡意義:對公共行政、城市治理或政治傳播等領域的讀者,具極高參考價值與啟發性。 各界好評 他(胡志強)敢說敢當、不受制約,一路相挺,照顧整個電影界。該贊助、該辦活動的,他都挺身而出。——李安/導演 成功的領導人,不只提攜後進,而且會照顧後進,胡市長實在做得很好,離開市政府後,團隊都沒有散,持續與他保持聯繫,同仁對他的向心力可見一斑。他是很可愛的人,個性豁達,肚量大、不爭不謀權位,很看得開,事情不會放在心裡太久。——郝龍斌/前台北市市長 對國家任務的交付,使命必達已是他(胡志強)血液裡的基因,一部分來自他軍眷後代的報國之情,一部分則是長年海外求學的學思遊歷,深刻感受到國家必須進步、必須跟上已開發國家的腳步,贏得尊嚴。——高希均/遠見.天下文化事業群創辦人 在一片自私的政壇中,有一個不自私的人,他的名字叫胡志強。——陳文茜/《文茜的世界周報》主持人、作家 他(胡志強)的行政能力很強,可謂雄才大略,真的是一種天生的特質,也是一個做大事的人。——焦仁和/前僑委會委員長 胡市長除了認真做事之外,為人處事非常圓融,一直保持著幽默風趣,他常說:「真正有意思的人生,就是要讓別人開心。」所以,永遠熱情的他,走到那裡都能讓大家快樂。——蔡長海/中國醫藥大學暨醫療體系董事長 (順序依姓氏筆畫排列) 【目錄】 照片集錦 至親家人 良師益友 初入官場 駐美時期 外交風雲 走入地方 出版者的話 使命必達,隨時報到的胡志強 高希均 推薦序 那年,我們在台中建立了「電影烏托邦」! 李安 推薦序 人們將給他最好的「符號」 陳文茜 推薦序 我跟他就像親人 焦仁和 自 序 我是胡志強,很早就報到! 第一章 動亂年代,平凡出身 1 動盪與簡樸中的軍事教育 2 結巴少年的英文奇幻之旅 3 大器晚成的黑馬? 4 在牛津找到最好的自己 5 加倍奉送的教學熱情 第二章 總統府、新聞局時期──任職中央,築夢踏實 1 空降在總統府的小凳子 2 傳真機與化妝師 3 發炎的發言人 4 在美國公視遇見季辛吉 5 嚴父與慈母 6 重返綺色佳 7 寧靜革命 8 請陳文茜喝咖啡 9 永遠的郝伯伯 第三章 駐美時期──為民思考,廣結善緣 1 一場演講改變命運 2 奮戰第一線 3 行動或不行動? 4 有關哈維爾的二三事 5 「雙橡園」變身「雙向園」 6 人在公門好修行 7 談笑風生結善緣 8 最美麗的蔣夫人 第四章 外交部時期──接軌世界,面向全球 1 我是胡志強,今天來報到! 2 新官上任三把火? 3 跑外交如跑選舉 4 愛心外交無國界 5 叫我帶動唱老師?! 6 我只不過是株小草 7 「人道外交」可行嗎? 8 最愛與大愛 第五章 台中市府時期──前進地方,放眼國際 1 刻骨銘心的失敗 2 化危機為轉機 3 古根漢功敗垂成 4 文化搭台,經濟唱戲 5 我有一個夢 6 市長如店長 7 市民需要「解決」,而非「解釋」 8 天邊彩虹和腳邊玫瑰 9 放牛班的孩子也會進步 10 天下沒有什麼可以限制太陽 11 一枝一葉總關情 12 開會的「江湖一點訣」 13 蓋球場,像追女朋友一樣 14 有時星光、有時月光 15 政府建設應「軟硬兼施」 16 我不怕當烏鴉 17 創意不打烊 18 用心良苦博版面 19 電子城牆和誘餌車 20 給一個衝刺的理由 21 痛徹我心的「阿拉夜店事件」 22 「老胡」賣瓜 23 大家都愛一片草地 24 只為你臉上的笑容 25 是金子總會發光 26 「少年Pi」的奇幻與美好 27 佛法奇緣 28 我聽到你的聲音 29 「圖利」或「興利」? 30 一加一大於二 31 全世界最難蓋的建築? 32 Do my best! 33 敗選啟示錄 後記 見山還是山,見水還是水 附錄一 兩個背影 胡薇莉 天天想你 胡婷婷 我的老爸! 胡韡耀 附錄二 友人心目中的胡志強 附錄三 大事年表 附錄四 重要榮譽 附錄五 重要人物索引
類似書籍推薦給您
【簡介】 在政治與經濟極度不穩定的年代 世界上最具影響力的兩位思想家 交鋒激辯21世紀9大核心問題與解方 清晰解讀我們正在經歷的全球巨變 川普崛起、消退又再崛起,跟你的未來有什麼關係? 當代不平等為何獨特又殘酷,個人、企業、政府該如何應對? 經濟學家皮凱提╳政治哲學家桑德爾首度聯手之作, 《二十一世紀資本論》、《成功的反思》看不到的思想碰撞與啟發, 數十年智慧精華,帶你看到改變和正義的新可能。 不僅幫你打開思路,更給你掌握未來的獨特洞察。 2024年5月,經濟學家皮凱提與政治哲學家桑德爾進行一場前所未有的世紀對談,深入剖析兩人長期關注的重要問題,不僅提出革新制度的多元思辨觀點,更帶來震撼人心的意識形態革命。 百年未有的大變局,問題不只是貧富不均,也不是重分配可以解決! 繼《二十一世紀資本論》、《成功的反思》,兩大思想家聯手打造經濟學與政治哲學的經典之作,清晰解讀全球正在發生的巨變,「一來一往舉重若輕,談話間涉及諸多哲學、政治、經濟理論,卻又深入淺出,讓人翻開書就不願放下」。 從經濟與社會不平等加劇、才智至上的價值扭曲、教育反向重分配、廣大勞動者失去尊嚴、民選政客無法代表民意、氣候變遷、大規模移民、右翼崛起到左翼的未來,9大核心問題環環相扣,帶讀者以獨特視角,深入洞察,在當今金權結構與民粹問題交織下,如何重新思考我們所了解的一切︰ 怎樣的高等教育,可以推翻精英特權,促進階級流動? 怎樣的稅制改革,可以打破社會不公,縮小貧富差距? 怎麼的公司治理,可以讓勞動者有合理報酬,擁有尊嚴? 怎樣的關稅主義,可以保護企業與勞工,促進真正的貿易平等? 怎樣的國際主義,可以降低戰爭風險,消弭南北半球差異? 怎樣的核心價值,才應當主導我們的公民生活? 怎樣的政策制度,可以讓經濟繁榮,同時促進平等? 自1980 年代新自由主義與全球化興起後,我們就進入不平等加劇的時代。新自由主義主張市場萬能,將供需法則運用於所有的公共政策,從此政治歸經濟,經濟歸市場邏輯。一切為求經濟利益的工具性思維,以效率之名犧牲弱勢族群權益的政策,公共性最後讓給外包廠商的營利性。我們的社會與生活深受這些思維的影響,贏家與輸家之間的鴻溝逐漸加深,造成各種對立。 貧富差距的問題,不再只是金錢的差距,更造成嚴峻的社會距離。無力競爭的個人、群體、國家,只能深深感到羞愧,既看不到當中的不平等,更不會意識到那背後一切制度的不公與不義。 這在過去歷史上是看不到的。如今,新的階級衝突已經出現。這本書不僅幫你了解現在應關注什麼,更要幫你用行動去參與改變。 如何創造更平等的條件?我們能怎麼做? 針對這個時代的核心問題,皮凱提和桑德爾時而激辯,時而激賞對方的分析與建言,在重要觀點上達成四大共識: ‧對醫療衛生和教育必須進行更多投資 ‧實施更嚴格的累進稅率,推行全球最低稅制 ‧限制富人的政治權力和市場的過度擴張 ‧重建工作尊嚴,給予合理工資,認可每個人對社會的貢獻 有別於兩位作者過去出版的書籍,為了符合學術規範與禮數,會使寫作風格趨於婉轉。這本前所未有的對話錄,真實呈現兩大思想家坦白的內心話。 一致推薦 朱敬一 中央研究院院士 林宗弘 中央研究院社會學研究所研究員 連賢明 中華經濟研究院院長 陳國樑 政大財政系教授暨系主任 陳方隅 菜市場政治學共同編輯、東吳大學政治系助理教授 葉 浩 政大政治系教授 這是一本全球最傑出的兩位不平等研究者所進行的精采對話。短短幾小時的交鋒對談,就把複雜難解的問題幾乎都涵蓋進來了。—朱敬一,中央研究院院士 從兩大思想家的尖銳交鋒、精采過招中,一起反思當今不平等帶來的全球巨變。—林宗弘,中研院社會學研究所研究員 一本不容錯過的精采著作。深入探索不平等的根源及解方,以及全球化與民粹主義如何重塑世界。 —連賢明,中華經濟研究院院長 一來一往舉重若輕,深入淺出,讓人翻開書就不願放下。—葉浩,政大政治系教授 拓展我對財政學中社會公平的視野,反覆閱讀這本書,每一次都讓我思潮激動的不能自已。—陳國樑,政大財政學系教授 讀這本書最有趣的地方在於,它是對話的形式,往往是一問一答,然後還有反問。比較兩人的論證方式,是閱讀本書的一大樂趣—陳方隅,東吳大學政治系助理教授 【目錄】 推薦序 兩位最傑出不平等研究者,對談21 世紀核心問題 朱敬一 一本反映時代精神的對話錄 林宗弘 台灣也正面臨不平等加劇的挑戰 連賢明 改寫經濟學教科書即可改變世界? 葉浩 公平正義的思維震撼 陳國樑 平等需要眾人一起實踐 陳方隅 第1章 為什麼要擔心不平等?21 世紀的平等與正義 第2 章 該不該降低金錢的重要性?有些東西不該用金錢來買賣 第3 章 市場的道德局限︰本質一變,怪事就多 第4 章 全球化與民粹主義︰不論東方或西方,不滿的根源都來自不平等 第5 章 論才智至上︰把績效當作正義的基礎,贏家值得,輸家活該? 第6 章 亂數抽選制︰該不該用於大學錄取和國會選舉? 第7章 稅制、團結與共同體︰革新制度前,先喚起道德共感 第8章 邊境、移民與氣候變遷︰當川普崛起、消退又再崛起 第9章 左派的未來︰經濟問題與身分認同
資訊
工程
數學與統計學
機率與統計
自然科學
健康科學
地球與環境
建築、設計與藝術
人文與社會科學
教育
語言學習與考試
法律
會計與財務
大眾傳播
觀光與休閒餐旅
考試用書
研究方法
商業與管理
經濟學
心理學
生活
生活風格商品
參考書/測驗卷/輔材