今晚來點Web前端效能優化大補帖: 一次搞定指標×工具×技巧,打造超高速網站(iThome鐵人賽系列書)

· 博碩文化
5.0
ഒരു അവലോകനം
ഇ-ബുക്ക്
360
പേജുകൾ

ഈ ഇ-ബുക്കിനെക്കുറിച്ച്

針對「前端效能優化」技巧最全面的中文書籍!
精通前端基礎和優化技術,為你打造高效能網站!


本書內容改編自第 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

 

【目標讀者】

✦想要了解各種效能優化技巧的前端開發者
✦想要更理解前端開發底層知識的開發者
✦想了解前端開發近期發展與未來趨勢的讀者

റേറ്റിംഗുകളും റിവ്യൂകളും

5.0
ഒരു അവലോകനം

രചയിതാവിനെ കുറിച്ച്

莫力全 Kyle Mo

雜食性軟體工程師,任何有興趣的技術都想要親自嘗試與學習,其中又尤其熱愛Web前端技術。喜歡分享技術與經驗,一陣子沒寫技術文章就會感到全身不舒服。除了對軟體開發充滿興趣外,也是個籃球狂熱者,也許可以在各大籃球賽見到我的身影。

2020年於Medium發表〈今晚,我想來點Web前端效能優化大補帖!〉,分享許多前端知識及優化技巧。並於2021年以同主題參加iThome鐵人賽,獲得Modern Web組冠軍。

ഈ ഇ-ബുക്ക് റേറ്റ് ചെയ്യുക

നിങ്ങളുടെ അഭിപ്രായം ഞങ്ങളെ അറിയിക്കുക.

വായനാ വിവരങ്ങൾ

സ്‌മാർട്ട്ഫോണുകളും ടാബ്‌ലെറ്റുകളും
Android, iPad/iPhone എന്നിവയ്ക്കായി Google Play ബുക്‌സ് ആപ്പ് ഇൻസ്‌റ്റാൾ ചെയ്യുക. ഇത് നിങ്ങളുടെ അക്കൗണ്ടുമായി സ്വയമേവ സമന്വയിപ്പിക്കപ്പെടുകയും, എവിടെ ആയിരുന്നാലും ഓൺലൈനിൽ അല്ലെങ്കിൽ ഓഫ്‌ലൈനിൽ വായിക്കാൻ നിങ്ങളെ അനുവദിക്കുകയും ചെയ്യുന്നു.
ലാപ്ടോപ്പുകളും കമ്പ്യൂട്ടറുകളും
Google Play-യിൽ നിന്ന് വാങ്ങിയിട്ടുള്ള ഓഡിയോ ബുക്കുകൾ കമ്പ്യൂട്ടറിന്‍റെ വെബ് ബ്രൗസർ ഉപയോഗിച്ചുകൊണ്ട് വായിക്കാവുന്നതാണ്.
ഇ-റീഡറുകളും മറ്റ് ഉപകരണങ്ങളും
Kobo ഇ-റീഡറുകൾ പോലുള്ള ഇ-ഇങ്ക് ഉപകരണങ്ങളിൽ വായിക്കാൻ ഒരു ഫയൽ ഡൗൺലോഡ് ചെയ്ത് അത് നിങ്ങളുടെ ഉപകരണത്തിലേക്ക് കൈമാറേണ്ടതുണ്ട്. പിന്തുണയുള്ള ഇ-റീഡറുകളിലേക്ക് ഫയലുകൾ കൈമാറാൻ, സഹായ കേന്ദ്രത്തിലുള്ള വിശദമായ നിർദ്ദേശങ്ങൾ ഫോളോ ചെയ്യുക.