title: How to load multiple iframes concurrently?
body: <p>I want to load 10-15 iframes simultaneously in such way that it can render whenever data received from URL.</p>
  
  <p>I have tried to use async function but it still working like one after one loading of iframes</p>
  
  <p>Here is code:</p>
  
  <pre><code>&lt;iframe src="" height="50" width="320" id="frame_1"&gt;&lt;/iframe&gt;
  &lt;iframe src="" height="50" width="320" id="frame_2"&gt;&lt;/iframe&gt;
  &lt;iframe src="" height="50" width="320" id="frame_3"&gt;&lt;/iframe&gt;
  &lt;iframe src="" height="50" width="320" id="frame_4"&gt;&lt;/iframe&gt;
  &lt;iframe src="" height="50" width="320" id="frame_5"&gt;&lt;/iframe&gt;
  
  &lt;script&gt;
  async function loadIframe1() {
   console.log(1)
   document.getElementById('frame_1').src='file1.html';
  
  
  }
  async function loadIframe2() {
   console.log(2)
   document.getElementById('frame_2').src='file1.html';
  
   }
  async function loadIframe3() {
   console.log(3)
   document.getElementById('frame_3').src='file1.html';
  
  }
  async function loadIframe4() {
   console.log(4)
   document.getElementById('frame_4').src='file1.html
  }
  async function loadIframe5() {
   console.log(5)
   document.getElementById('frame_5').src='file1.html';
  
  }
  
  loadIframe1();
  loadIframe2();
  loadIframe3();
  loadIframe4();
  loadIframe5();
  &lt;/script&gt;
  </code></pre>