Чем отличаются микротаски от макротасок?

Микротаски (Promise.then, queueMicrotask, MutationObserver) выполняются сразу после текущего синхронного кода, до того как браузер возьмёт следующую макротаску (setTimeout, setInterval, I/O, UI rendering). Микротаски имеют более высокий приоритет: весь microtask queue опустошается полностью, прежде чем Event Loop перейдёт к следующей макротаске.