前端工程日記/效能優化
Next.js Partial Prerendering (PPR) 完整教學：靜態殼加動態串流大幅提升 LCP
Next.js 15 的 Partial Prerendering（PPR）是近年來前端效能優化最令人興奮的突破之一。它讓你在同一個頁面中，同時擁有靜態內容的極速首屏和動態內容的即時更新。本文深入解析 PPR 的運作原理，並帶你實作靜態殼加動態串流的頁面架構，讓你的 Core Web Vitals 分數大幅提升。
趙柏翰8 分鐘閱讀
Next.js 15 的 Partial Prerendering（PPR）是近年來前端效能優化最令人興奮的突破之一。它讓你在同一個頁面中，同時擁有靜態內容的極速首屏和動態內容的即時更新。本文深入解析 PPR 的運作原理，並帶你實作靜態殼加動態串流的頁面架構，讓你的 Core Web Vitals 分數大幅提升。
useMemo 和 useCallback 不是萬靈丹，亂用反而會讓 app 變慢。本文教你正確的使用時機，搭配 React.memo 的技巧，以及用 React DevTools 量測效能的方法。