前端工程日記/效能優化
Rspack 2.0 完整指南：Rust 打包工具與 Webpack 遷移實戰 2026
Rspack 2.0 是以 Rust 開發的高效能 webpack 相容打包工具，建構速度比 webpack 快 5-10 倍。
趙柏翰7 分鐘閱讀
效能優化
前端工程日記/效能優化
Next.js Partial Prerendering (PPR) 完整教學：靜態殼加動態串流大幅提升 LCP
Next.js 15 的 Partial Prerendering（PPR）是近年來前端效能優化最令人興奮的突破之一。它讓你在同一個頁面中，同時擁有靜態內容的極速首屏和動態內容的即時更新。本文深入解析 PPR 的運作原理，並帶你實作靜態殼加動態串流的頁面架構，讓你的 Core Web Vitals 分數大幅提升。
趙柏翰8 分鐘閱讀
前端工程日記/效能優化
Astro 5 Islands Architecture 完整教學：靜態站點生成器比較與實戰指南 2026
深入解析 Astro 5 Islands Architecture 局部水合技術，與 Next.js、SvelteKit 實際比較，附設定教學與效能數據，幫你選對框架。
趙柏翰2026年3月20日8 分鐘閱讀
前端工程日記/效能優化
Bun Shell 腳本實戰教學：取代 Node.js 開發工作流的完整指南
學會用 Bun Shell 取代 Node.js 開發腳本，從安裝到實戰範例，涵蓋 Bun.$ 語法、檔案操作、HTTP 請求與自動化任務，大幅提升開發效率。
楊靜宜2026年3月20日11 分鐘閱讀
前端工程日記/效能優化
Bun Shell 腳本完整教學：用 JavaScript 取代 Bash 打造現代化開發環境
Bun Shell 完整教學，用 JavaScript 寫 Shell 腳本取代 Bash。從安裝到實戰，搭配 Glob、管線、環境變數，打造現代化前端開發環境。
趙柏翰2026年3月19日10 分鐘閱讀
前端工程日記/效能優化
React Server Components Streaming 效能優化實戰：2026 年前端必學的渲染策略
深入解析 React Server Components Streaming 架構，教你用 Suspense 和漸進式渲染大幅提升 LCP 和 FCP。
趙柏翰2026年3月18日13 分鐘閱讀
前端工程日記/效能優化
React useMemo 與 useCallback 效能優化完整教學：別再亂用了
useMemo 和 useCallback 不是萬靈丹，亂用反而會讓 app 變慢。本文教你正確的使用時機，搭配 React.memo 的技巧，以及用 React DevTools 量測效能的方法。
趙柏翰2026年3月18日9 分鐘閱讀