Hi there, I've been working on a web application for about a week now with constant updates and stuff. Initially, i felt extremely long load times (first accessing the site could take up to 10secs) and navigating around the site took anywhere from really fast ( i assume because some pages have been cached) to reeeeally slow, like 5secs.

Since it was my first time deploying a next.js production app, I just ignored the slow loading times. I also reasoned that maybe because the servers were in US, and being all the way across the globe, that was the reason for the slow loading times.

However, as I continued developing the app, the loading times are becoming reeally unbearable. My app isn't particularly big, and i mostly use server components as well. I have no idea whether users on my site in the US are having way faster loading times, which adds to my distress since it isn't a great user experience to have loading times between pages to be ~5secs. Additionally, I don't want my users far from US to have these loading times either.

Now my question is, how do I diagnose this problem? I'm currently on a Hobby plan, and honestly don't mind upgrading to Pro if it improves the loading times to like ~1sec, but the thing is, I don't even know if upgrading will solve this problem. How do I reduce my 5-7secs loading time when navigating pages? (for what it's worth, it's blazingly fast in development)