Next.js · Middle · Frage 12 von 75
Wie zeigt man in Next.js eine Seite mit langsamen Daten, ohne die ganze Seite zu verzögern?
- 1Das Laden der Daten in
useEffecteiner Client Component verlagern - 2Die langsame Komponente in
<Suspense>packen - sie wird später gestreamt - 3Das Timeout der Serverantwort in
next.configerhöhen
Antwort zeigen
Richtige Antwort: Die langsame Komponente in <Suspense> packen - sie wird später gestreamt
Erklärung
Der Server sendet Hülle und Fallback sofort und hängt das HTML des langsamen Blocks an den Stream, sobald es bereit ist. Laden in useEffect sendet leeres HTML, fügt eine Request-Kaskade hinzu und schadet LCP. Mit Cache Components müssen nicht gecachte Daten innerhalb von <Suspense> liegen.