Here’s a comparison for you because I just did the same.
Old site.
- Built with Gatsby, hosted on Netlify.
- Lots of client-side JS, but page loads are instantaneous because everything is prefetched and a page load is a client-side JS event not a server request.
Old site.
- Built with Gatsby, hosted on Netlify.
- Lots of client-side JS, but page loads are instantaneous because everything is prefetched and a page load is a client-side JS event not a server request.
- https://v4-johnnydecimal.netlify.app/
New site.
- Built with Astro, hosted on Netlify.
- Zero client-side JS, but each page load is a good ol’ fashioned HTTP request to the server.
- Pages are small. After caching my web fonts, each page is single-digit kilobytes. This is deliberate, I worked hard to achieve this.
- It doesn’t feel as fast. Because it isn’t. Because it can’t possibly be.
- https://johnnydecimal.com