loading.tsx vs Suspense — când folosesc ce

Amândouă arată "ceva" cât timp încarcă, dar granularitatea e diferită.

• loading.tsx — fallback la nivel de rută. Se afișează până când componenta de page.tsx + tot ce așteaptă ea sunt gata.
• <Suspense> — fallback la nivel de componentă. Folosit când ai o bucată lentă dar vrei restul paginii afișat.

Regula mea

1. Dacă toată pagina depinde de un fetch → loading.tsx
2. Dacă pagina are un header static + un feed lent → <Suspense> în jurul feed-ului, header apare imediat
3. Nu combina inutil: dacă ai deja <Suspense> fin, loading.tsx vine gol sau lipsește

Rezultatul: pagini care arată bine și nu "sar" după 2 secunde.