В какой момент в Event Loop происходит задача отрисовки

Отрисовка (rendering) происходит после выполнения всех текущих микрозадач (microtasks) и макрозадач (macrotasks), но перед следующей итерацией Event Loop. Браузер стремится обновлять экран с частотой 60fps (~16ms на кадр).

console.log('Start');
setTimeout(() => console.log('Timeout'), 0);
Promise.resolve().then(() => console.log('Promise'));

// Порядок выполнения:
// 1. 'Start' (синхронный код)
// 2. 'Promise' (микрозадача)
// 3. Отрисовка (если требуется)
// 4. 'Timeout' (макрозадача)

Рендеринг блокируется длительными задачами, поэтому важно разбивать тяжелые вычисления на части через requestIdleCallback или setTimeout.