Suspense помогает улучшить производительность веб-приложений следующим образом:

• Избегает задержек при загрузке страниц. 1 Suspense позволяет отображать части интерфейса по мере их готовности, показывая резервный UI (например, индикатор загрузки) во время ожидания асинхронных данных или компонентов. 1
• Снижает общий размер начальной загрузки страницы. 1 Suspense работает с React.lazy для динамического импорта компонентов и отображения резервного содержимого во время их загрузки, что уменьшает размер пакетов JavaScript. 4
• Упрощает работу с асинхронным получением данных. 4 Suspense приостанавливает рендеринг до тех пор, пока данные не станут доступны. 4 Он интегрируется с такими инструментами, как React Query, Relay и хуком use. 4