Hi everyone, I’m developing a Morse Code Translator website that converts text into Morse code and decodes Morse code back into readable text using an external API. The website supports real-time translation while users type, but I’m experiencing problems with API performance and response handling during continuous input activity.
The main issue is that rapid requests sometimes cause delayed responses, incomplete translations, or timeout errors. In some cases, older API responses overwrite newer ones, creating inconsistent output on the frontend. I’m also facing occasional rate-limiting and CORS-related issues while handling multiple asynchronous requests through JavaScript Fetch API.
I’d like to know the best approach for optimizing real-time API requests in this kind of application. Should I use debouncing, throttling, or request cancellation to improve performance? I’m also looking for recommendations on managing async requests efficiently and reducing unnecessary API calls while keeping the user experience smooth and responsive.