Fetching & Displaying Data

What technique should be used to optimize multiple concurrent API requests?

async function fetchDashboardData() {
  const [userData, postsData, analyticsData] = await Promise.all([
    fetch('/api/user').then(r => r.json()),
    fetch('/api/posts').then(r => r.json()),
    fetch('/api/analytics').then(r => r.json())
  ]);
  
  updateDashboard({ userData, postsData, analyticsData });
}

Sequential requests using async/await
Using setTimeout for each request
Parallel requests with Promise.all
Promise.all is the optimal way to handle multiple concurrent requests because: 1) It executes requests in parallel, reducing total wait time, 2) Provides a clean way to wait for all requests to complete, 3) Maintains an array of results in the same order as the requests, 4) Fails fast if any request fails (which can be handled with Promise.allSettled if partial success is acceptable). This approach is particularly useful for loading dashboard-style UIs where multiple data sources need to be fetched simultaneously.
Multiple separate fetch calls

Next Question (6/20)