Может ли requestAnimationFrame не блокировать поток

Да, requestAnimationFrame (rAF) не блокирует основной поток, так как он выполняется асинхронно. Он синхронизируется с частотой обновления экрана (обычно 60 FPS), что позволяет браузеру оптимизировать рендеринг. Однако, если внутри колбэка rAF выполняется тяжелая логика, это может привести к задержкам.

Пример:

function animate() {
  // Тяжелые вычисления могут вызвать лаги
  for (let i = 0; i < 1e6; i++) { /* ... */ }
  
  requestAnimationFrame(animate);
}
animate();

Для сложных вычислений лучше использовать Web Workers или разбивать задачу на части с помощью setTimeout/setInterval.