В какой момент браузер выполняет рендер относительно синхронного кода, микрозадач и макрозадач?

Синхронный код выполняется до конца, затем обрабатываются микрозадачи; отрисовка происходит при подходящей возможности обновления экрана.

Браузер не обязан рисовать после каждой задачи: он учитывает кадры, видимость и нагрузку. Длинный синхронный код или бесконечная цепочка микрозадач задерживают интерфейс. requestAnimationFrame позволяет выполнить работу перед очередным обновлением изображения.