Promise.all(), Promise.race(), and Promise.any()

Why is Promise.all() particularly suitable here?

async function loadImages(urls) {
  const promises = urls.map(url => new Promise((resolve, reject) => {
    const img = new Image();
    img.onload = () => resolve(img);
    img.onerror = reject;
    img.src = url;
  }));
  return Promise.all(promises);
}

It's faster than loading sequentially
It provides better error handling
All images need to load for UI consistency
Promise.all() is ideal for image loading because: 1) UI often needs all images to display properly, 2) Parallel loading improves performance, 3) Single error handler can manage all failures, 4) Results maintain correct order for display, 5) Natural fit for resource preloading, 6) Common pattern in image gallery implementations.
It reduces memory usage

Next Question (18/20)