title: Using Puppeteer, how to get Chrome DevTools' "Network" tab's timing information?
body: <p>Below is a screenshot of me accessing <a href="https://www.ted.com" rel="nofollow noreferrer">https://www.ted.com</a> and inspecting the Google Chrome DevTools' "Network" tab, and viewing the Timing data for the root &amp; child requests.</p>
  
  <p><a href="https://i.stack.imgur.com/kD9LJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kD9LJ.png" alt="enter image description here"></a></p>
  
  <p><strong>How can I get all of the above timing data programatically using Puppeteer?</strong> Ideally, it would look like this JSON structure:</p>
  
  <pre><code>{
      name: "www.ted.com",
      queueTime: 0,
      startedTime: 1.93,
      stalledTime: 4.59,
      dnsLookupTime: 10.67,
      initialConnectionTime: &lt;the number of milliseconds&gt;,
      ...
  },
  {
      name: &lt;the next child request&gt;,
      ...
  }
  </code></pre>