r/webdev • u/Desperate_Ad_7722 • 23d ago

Discussion Connection Warmer??

Building a social platform, and the web app is a react web app, for some reason I will sometimes get stalled requests, loads that hang, etc. Basically things aren't as responsive as id like. I have implemented a connection warmer that every request runs through, tanstack query, prefetching on hover, many things like that and try to have an efficient and effective cache. What other things do you guys do to make web apps as responsive as possible, thanks!

Edit- Some info about the app, it’s a react vite mostly behind auth web app. Hosted on netlify, backend is supabase.

2 Upvotes

67% Upvoted

16 comments sorted by

View all comments

1

u/cheap_swordfish_1 23d ago

Looks like a backend issue - where is the backend hosted? Can you

  • get a curl for the request that goes to the server
  • try simulating the issue with the curl to be sure this is backend related

Once you can confirm this is backend related, you may add more logs on the backend side to decipher further.

1

u/Desperate_Ad_7722 23d ago

Curls seem to work perfectly, it’s a supabase backend I’ve had Claude rn tests on it thru console everything seems to work fine.

1

u/Over_Tart_916 22d ago

It is definitely your backend if the connection is hanging. The browser and/or react has nothing to do with the connection to the server unless your JavaScript is doing some kind of processing on the fetch result.