Your question is Event Loop Microtasks vs Tasks. Take a moment with it on the right.
Talk me through your thinking if you like. When you're confident, submit your answer and I'll grade it like a real screen (7/10 or better passes).
Can you explain the difference between the Task (Macrotask) Queue and the Microtask Queue in the JavaScript Event Loop, and how the browser prioritizes Promise resolutions over scheduled callbacks from a setTimeout function? What impact does this have on UI rendering performance?