Skip to main content

Network Waterfall ↔ to load data in Synchronous Blocking stages

aka Waterfall, Waterfall-Effect

use Waterfall Chart to visualize/debug Network Waterfall

use Promise.all() & Promise.race() to fetch in parallel & avoid Network Waterfall

use Suspense API to progressively render FC with fallback to prevent Blocking

References​

  1. Sequential Data Fetch ↔ (default) to Data Fetch with routes dependent on each other - lead to Waterfall cascade