部分预渲染：构建面向Web应用的新默认渲染模型
内容提要
Next.js 14引入了部分预渲染（PPR），结合静态边缘交付与动态数据访问，提升了动态网页应用的性能。PPR通过在单一React渲染树中优化静态内容并动态更新，适用于多种应用场景。用户可在Vercel上试用PPR，目前仍处于实验阶段。
延伸解读
PPR 如何消除渲染模式的权衡
文章指出，PPR 结合了静态边缘交付和动态数据访问，消除了常见渲染策略的权衡。它通过单一 React 渲染树，默认静态优化所有组件，直到访问请求信息（如 headers 或 cookies）才切换为动态渲染，并仅将最小部分动态化，其余保持静态。这避免了传统方法中静态与动态分离带来的性能损失。
PPR 的底层实现与 ISR 的关系
PPR 在构建时为每个页面预渲染静态外壳，并留出动态内容的“洞”。用户访问时，静态外壳从最近的 Vercel 区域快速提供，同时服务器并行渲染动态块。PPR 基于 ISR 实现，静态外壳支持按需、基于时间或标签的重新验证，并保留了 ISR 的可靠性。动态渲染仅在需要时触发，且自动切换到最近的 Suspense 边界。
PPR 的适用场景与实验状态
PPR 不仅适用于应用外壳，还可用于静态与动态内容的各种组合。例如，产品详情页中大部分内容可静态预渲染，仅评论、购物车数量、个性化配送时间和推荐等动态流式传输。开发者可在 Vercel 上使用 Next.js 14 Canary 试用 PPR，但需注意其仍为实验技术，不推荐用于生产环境，可能遇到开发体验问题，且客户端导航暂不支持流式渲染。
Q&A
什么是部分预渲染（PPR）？
部分预渲染（PPR）是Next.js 14引入的一种渲染模型，结合静态边缘交付与动态数据访问，提升动态网页应用的性能。
PPR如何提升用户体验？
PPR通过快速的静态外壳和动态内容的并行处理，提升用户体验，使用户能够更快地访问页面内容。
开发者如何在Vercel上试用PPR？
开发者可以通过安装Next.js 14 Canary并在配置文件中添加experimental: { ppr: true }来试用PPR。
PPR适用于哪些应用场景？
PPR适用于多种应用场景，包括静态和动态内容的组合，适合有动态数据需求的网页应用。
PPR与其他渲染策略相比有什么优势？
PPR结合了静态优化和动态渲染的优点，消除了其他渲染方法中的权衡，提供更快的边缘交付和动态数据访问。
PPR目前处于什么阶段？
PPR目前仍处于实验阶段，不建议用于生产环境，可能会遇到一些开发体验问题。
