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

Question

Да, микрозадачи могут заблокировать рендер браузера. Браузер выполняет все microtask перед тем, как перейти к рендеру. Если microtask постоянно добавляют новые microtask, рендер откладывается. Это состояние называется starvation.

YeaHub · Accepted Answer

Как браузер решает, когда рендеритьПеред перечислением важно понять порядок шагов.Выполняется текущий JavaScriptВыполняются все microtaskТолько после этого возможен рендерКак возникает блокировкаЕсли внутри microtask создаётся новая microtask:function loop() {
  Promise.resolve().then(loop);
}

loop();
Очередь microtask никогда не становится пустойБраузер не доходит до шага рендераUI “зависает”Почему macrotask так не делаютПосле каждой macrotask браузер может выполнить рендерMacrotask не имеют приоритета над рендеромПоэтому setTimeout безопаснее для долгих цикловПрактическое значение для фронтендаОсторожно с рекурсивными PromiseНе делайте тяжёлые вычисления в microtaskДля длительных процессов используйте:setTimeoutrequestIdleCallbackWeb WorkersВыводMicrotask могут заблокировать рендер, если очередь никогда не опустошается. Это редкая, но важная ловушка, которую любят спрашивать на собеседованиях.