Next.js · Middle · Pytanie 12 z 75
Jak w Next.js pokazać stronę z wolnymi danymi bez opóźniania całej strony?
- ✓Poprawna odpowiedź: Opakować wolny komponent w
<Suspense>- dopłynie strumieniowo później - 2Przenieść ładowanie danych do
useEffectkomponentu klienckiego - 3Zwiększyć timeout odpowiedzi serwera w
next.config
Wyjaśnienie
Serwer od razu wysyła powłokę i fallback, a HTML wolnego bloku dopisuje do strumienia, gdy będzie gotowy. Ładowanie w useEffect wysyła pusty HTML, dodaje kaskadę żądań i szkodzi LCP. Przy Cache Components niezcache'owane dane muszą być wewnątrz <Suspense>.