Next.js 15 PPR en production — Impact réel du Partial Prerendering Le Partial Prerendering (PPR), désormais stabilisé dans Next.js 15, permet de combiner rendu statique et rendu dynamique au sein d’une même page. Voici ce que cela donne concrètement après un déploiement en production. ## Concept central du PPR - Shell statique livré en premier: le shell de la page (en-tête, pied de page, mise en page) est envoyé instantanément

• Régions dynamiques diffusées en streaming: les données personnalisées et en temps réel sont rendues progressivement via Suspense
• Résultat: un TTFB digne d’une page statique, sans renoncer à la souplesse du contenu dynamique ```tsx

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

- TTFB: 480 ms (attente de la fin de la récupération des données serveur)
- FCP: 620 ms
- LCP: 1,2 s ### Après la migration vers PPR
- TTFB: 85 ms (shell statique servi immédiatement)
- FCP: 210 ms
- LCP: 980 ms (une fois la diffusion en streaming de la région de recommandations terminée) **82 % d’amélioration du TTFB**, avec des Core Web Vitals entièrement dans le vert. ## Stratégie de cache Avec PPR, la partie statique est mise en cache sur le CDN, tandis que les zones dynamiques restent non cachées. Next.js se charge automatiquement de cette séparation: ```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. 1Surveiller headers() / cookies(): ces appels déclenchent automatiquement le mode dynamique. Évitez de les utiliser dans le shell statique
2. 2Temps de build accru: davantage de routes sont prérendues, ce qui augmente le temps de build de 20 à 30 %
3. 3Imports dynamiques: un recours excessif aux imports dynamiques dans les régions statiques peut empêcher la génération correcte du shell ## Combo CF Pages + PPR PPR est entièrement pris en charge lors d’un déploiement sur Cloudflare Pages (@opennextjs/cloudflare 2.x).

• Shell statique: servi instantanément depuis le CDN CF
• Régions dynamiques: diffusées en streaming via CF Workers
• Exploite les 330 PoP mondiaux ## Comparaison: PPR vs ISR vs SSR | Rendu | Premier octet | Données dynamiques | Stratégie de cache |