Может ли микрозадача заблокировать рендер браузера?

Как браузер решает, когда рендерить

Перед перечислением важно понять порядок шагов.

1. Выполняется текущий JavaScript

2. Выполняются все microtask

3. Только после этого возможен рендер

Как возникает блокировка

Если внутри microtask создаётся новая microtask:

function loop() {
  Promise.resolve().then(loop);
}

loop();

1. Очередь microtask никогда не становится пустой

2. Браузер не доходит до шага рендера

3. UI “зависает”

Почему macrotask так не делают

1. После каждой macrotask браузер может выполнить рендер

2. Macrotask не имеют приоритета над рендером

3. Поэтому setTimeout безопаснее для долгих циклов

Практическое значение для фронтенда

1. Осторожно с рекурсивными Promise

2. Не делайте тяжёлые вычисления в microtask

3. Для длительных процессов используйте:

   • setTimeout

   • requestIdleCallback

   • Web Workers

Вывод

Microtask могут заблокировать рендер, если очередь никогда не опустошается. Это редкая, но важная ловушка, которую любят спрашивать на собеседованиях.