Next.js 15 Performance Optimization

Partial prerendering, flight stream ve cache politikası

Next.js 15, Partial Prerendering (PPR) ile kritik sayfaları iki aşamalı render eder; doğru cache politikası olmadan faydası azalır. Bu yol haritası Performance lead profiline yönelik hazırlanmış olup Next.js 15, PPR, React Profiler araçlarıyla uygulanabilir.

Partial Prerendering

Cache key stratejisi olmazsa PPR fallback’lere döner.

• Static + streamed bölgeleri planlamak
• Header tabanlı varyantları tanımlamak
• PPR fallback loglarını gözlemlemek

React Flight Stream Tuning

RSC taşması, client komponentlerine sızan ağır bağımlılıklardan kaynaklanır.

• Client bileşenlerini boundary ile sınırlamak
• use hook’ları server tarafında bırakmak
• Flight payload analizini CI’da tutmak

Cache Politikası

Dynamic segmentler için kısa lived cache, edge hit oranını artırır.

• Segment bazlı revalidate ayarları
• Tagged revalidation stratejisi
• RUM verisiyle cache süresini optimize etmek

Başarı Metrikleri

• TTFB: -%31 — PPR + edge cache kombinasyonu ile azaldı.
• Flight payload: -%25 — Client boundary düzenlemesi sayesinde.
• Edge cache hit: +%18 — Tagged revalidate akışı kuruldu.

Kod Örneği — Segment tabanlı revalidate

export const revalidate = async (tag: string) => {
  await revalidateTag(\`segment:\${tag}\`);
};

Uygulama Kontrol Listesi

• PPR bölgelerini belirle ve dokümante et.
• Flight payload raporunu CI’ya ekle.
• Client komponent sınırlarını çiz.
• Tagged revalidation kullan.
• RUM verisiyle cache sürelerini kalibre et.

Anahtar odaklar: nextjs performance, ppr, react server components.