鐵人檔案
之前在 Medium 寫了一篇「今晚，我想來點 Web 前端效能優化大補帖！」(https://reurl.cc/rgjg5O)
不過因為是屬於重點整理性質的文章，我沒有針對每個知識點做太多深入的解說，因此寫完後還是覺得自己遺漏了很多細節，礙於篇幅很多技術也沒有收錄進去。
經過思考後我認為鐵人賽是一個彌補自己遺憾的好機會！我預計把該篇文章的各個效能優化技術拉出來詳細介紹，某些主題更會搭配 Demo Code 讓讀者更容易吸收，也會加入更多我認為十分值得介紹之前卻沒有收錄到文章的優化技術，希望這次真的可以扛得起「Web 前端效能優化大補帖」這個主題名稱！
其實很多的效能優化技巧都擁有「用了不一定會讓效能變得比較快，就算有可能也是使用者難以感知的微幅進步，甚至如果使用不當會讓網頁效能變的更差」的特性。 不過對於...
身為前端開發者，整日與 JavaScript 這門程式語言打交道，應該都知道它是一個 single-threaded 的程式語言，剛開始會覺得有點詫異，現在的...
也許你早就聽過 WebAssembly 這個詞，傳說中它可以讓 C, C++, Rust 等系統語言的程式碼在瀏覽器上執行，解決 JS 的效能已經快要逼近極限...
今天開始正式進入系列文的最後一個章節 - Framework, Architecture and Memory Management，探索前端架構與底層實作對...
基本上 CDN 是現在的 Web 應用不可或缺的技術，當對被 CDN 加速過的域名發出請求時，CDN 會自動將 request 導到地理位置離使用者較近或是流...
如果你是寫 C/C++ 的開發者，應該對記憶體管理並不陌生，如果你是後端開發者，應該會常常注意伺服器有沒有發生 Memory Leak 與 Memory 使用...
在 Day24 介紹 Web 前端渲染架構時，有提到 Stale While Revalidate 這個快取的應用策略，今天將更詳細介紹這個策略，並看看怎麼運...
提到 Web 前端的效能優化，有許多的技巧是聚焦在如何減少頁面的「載入時間 Loading Time」，例如 Code Splitting 透過減少需要載入的...
在現今的 Web 應用中，要建構一個穩定的大型系統，能夠處理 High Concurrency 的流量是一個不可或缺的條件，尤其是在服務的熱門時段，例如優惠活...
這是我第三年參加鐵人賽，每一次來到第 30 天，都有種如釋重負的感覺，不過同時也會感到一些遺憾，因為總是沒能把自己在開賽前預期的內容好好呈現出來。不論是主題內...