Next.js 15 PPR en producción: impacto real de Partial Prerendering Partial Prerendering (PPR) es una función ya estabilizada en Next.js 15 que permite combinar partes estáticas y dinámicas dentro de una misma página. A continuación se resume su impacto real a partir de un despliegue en producción. ## Concepto central de PPR - El shell estático se entrega primero: El shell de la página (header, footer, layout) se envía de inmediato

• Las regiones dinámicas llegan por streaming: Los datos personalizados y en tiempo real se renderizan de forma progresiva mediante Suspense
• Resultado: TTFB de nivel estático con la flexibilidad propia del contenido dinámico ```tsx

// app/products/[id]/page.tsx export const experimental_ppr = true export default function Page({ params }) { return (

- TTFB: 480ms (a la espera de que terminara la obtención de datos en el servidor)
- FCP: 620ms
- LCP: 1.2s ### Después de la migración a PPR
- TTFB: 85ms (shell estático servido al instante)
- FCP: 210ms
- LCP: 980ms (cuando la región de recomendaciones termina de transmitirse por streaming) **Mejora del TTFB del 82%**, con todos los Core Web Vitals dentro de la zona verde. ## Estrategia de caché PPR guarda en caché la parte estática en la CDN y mantiene sin caché las zonas dinámicas. Next.js se encarga de separar ambas automáticamente: ```tsx
// Static — prerendered at build time, cached permanently
function StaticProductInfo({ id }) { const product = getStaticProduct(id) // fetch + revalidate return <ProductCard {...product} />
} // Dynamic — executed on every request
async function DynamicRecommendations({ userId }) { const items = await getPersonalized(userId, { cache: "no-store" }) return <List items={items} />
}

1. 1Cuidado con headers() / cookies(): Estas llamadas activan automáticamente el modo dinámico. No las invoques dentro del shell estático
2. 2Mayor tiempo de build: Al prerenderizarse más rutas, el tiempo de build aumenta un 20-30%
3. 3dynamic imports: Abusar de los dynamic imports dentro de regiones estáticas puede romper la generación del shell ## Combo CF Pages + PPR PPR es totalmente compatible al desplegar en Cloudflare Pages (@opennextjs/cloudflare 2.x).

• Shell estático: servido al instante desde la CDN de CF
• Regiones dinámicas: transmitidas por streaming mediante CF Workers
• Aprovecha los 330 PoPs globales ## Comparación: PPR vs ISR vs SSR | Renderizado | First Byte | Datos dinámicos | Estrategia de caché |