자바스크립트 비동기 처리가 이해가 안 됩니다

콜백 → Promise → async/await 순서로 발전했다는 건 알겠는데, 왜 비동기가 필요한지부터 이해가 안 됩니다.

동기적으로 순서대로 실행하면 편할 텐데 왜 굳이 비동기를 쓰나요? 초보 질문이라 죄송합니다...