Next.js · Middle · Запитання 12 з 75
Як у Next.js показати сторінку з повільними даними, не затримуючи її повністю?
- ✓Правильна відповідь: Обгорнути повільний компонент у
<Suspense>- він довантажиться стримінгом - 2Перенести завантаження даних у
useEffectклієнтського компонента - 3Збільшити таймаут відповіді сервера в налаштуваннях
next.config
Пояснення
Сервер одразу надішле оболонку й fallback, а HTML повільного блока допише в потік щойно готовий. Завантаження в useEffect віддає порожній HTML, додає водоспад запитів і погіршує LCP. З Cache Components некешовані дані мусять бути всередині <Suspense>.