Async/Await con setTimeout funciona bien pero no con un retraso personalizado.

Cuando ejecuto un ejemplo que encontré en internet que utiliza setTimeout, funciona bien. Pero cuando reemplazo setTimeout con un bucle for que toma mucho tiempo en ejecutarse, la salida aparece después de un retraso. ¿Debemos usar una función asíncrona de fábrica todo el tiempo?

Código original:

const doSomethingAsync = () => {
    return new Promise(resolve => {
        setTimeout(() => resolve('Hice algo'), 3000)})
        }

const doSomething = async () => {
    console.log(await doSomethingAsync())
}

console.log(‘Antes’)
doSomething()
console.log(‘Después’)

Código con retraso personalizado:

const doSomethingAsync = () => {
    return new Promise(resolve => {
        for(let i=0;i<4000000000;i++){}
        resolve("¡Hice algo!");
        })
        }

const doSomething = async () => {
    console.log(await doSomethingAsync())
}

console.log(‘Antes’)
doSomething()
console.log(‘Después’)

Cuando se ejecuta el código personalizado, la salida de “Después” ocurre después del retraso, mientras que en el código original “Después” aparece de inmediato.

Editar: Por cierto, la pregunta en https://stackoverflow.com/questions/55086423/why-isnt-javascript-async-function-immediately-returning es similar, pero el orden no cambia en mi caso, solo el tiempo.