title: Difference between microtask and macrotask within an event loop context
body: <p>I've just finished reading the Promises/A+ specification and stumbled upon the terms microtask and macrotask: see <a href="http://promisesaplus.com/#notes">http://promisesaplus.com/#notes</a></p>
  
  <p>I've never heard of these terms before, and now I'm curious what the difference could be?</p>
  
  <p>I've already tried to find some information on the web, but all I've found is this post from the w3.org Archives (which does not explain the difference to me): <a href="http://lists.w3.org/Archives/Public/public-nextweb/2013Jul/0018.html">http://lists.w3.org/Archives/Public/public-nextweb/2013Jul/0018.html</a></p>
  
  <p>Additionally, I've found an npm module called "macrotask": <a href="https://www.npmjs.org/package/macrotask">https://www.npmjs.org/package/macrotask</a>
  Again, it is not clarified what the difference exactly is.</p>
  
  <p>All I know is, that it has something to do with the event loop, as described in <a href="https://html.spec.whatwg.org/multipage/webappapis.html#task-queue">https://html.spec.whatwg.org/multipage/webappapis.html#task-queue</a>
  and <a href="https://html.spec.whatwg.org/multipage/webappapis.html#perform-a-microtask-checkpoint">https://html.spec.whatwg.org/multipage/webappapis.html#perform-a-microtask-checkpoint</a></p>
  
  <p>I know I should theoretically be able to extract the differences myself, given this WHATWG specification. But I'm sure that others could benefit as well from a short explanation given by an expert.</p>