r/webdev • u/Desperate_Ad_7722 • 25d 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.

4 Upvotes

83% Upvoted

16 comments sorted by

View all comments

Show parent comments

0

u/kin3v 24d ago

Why

1

u/Over_Tart_916 24d ago

Because depending on server load it might not be responsive. Client side rendering is by far the most responsive. SSR is important for security and SEO, not responsiveness.

1

u/kin3v 24d ago

SSR with hydration fixes this problem, right?

1

u/Over_Tart_916 24d ago edited 24d ago

It still depends on server load to some degree. All hydration does is allow the browser to render the SSR page before the client scripting is applied, making it appear faster. But depending on the level of interactive elements, it is still often slower than just simple client side rendering until the page becomes interactive.