I spent quite some time creating benchmarks for most famous frontend frameworks and some of their variations.
Basically it's about Angular, React, Svelte and Vue, with or without their full-stack framework (like Next for React, SvelteKit for Svelte, and Nuxt for Vue), and there's even a variation of using React with Vite as bundler instead of Webpack.
Turns out that, of full-stack frameworks, Svelte Kit has really good results.
A quite interesting conclusion for now is that runtime performances are not really significant: using a headless browser, repeating some tasks 200 times that imply no network calls and only DOM modifications. Everything takes about seconds, and for 200 actions that should be super quick, as said, it's less than 10% difference on the slowest versus the fastest.
What do you think of these tests?
Feel free to comment on the method, everything is in the repository for you to criticize so that we might have better benchmarks at some point :)
pierstoval|2 years ago
Basically it's about Angular, React, Svelte and Vue, with or without their full-stack framework (like Next for React, SvelteKit for Svelte, and Nuxt for Vue), and there's even a variation of using React with Vite as bundler instead of Webpack.
Turns out that, of full-stack frameworks, Svelte Kit has really good results.
A quite interesting conclusion for now is that runtime performances are not really significant: using a headless browser, repeating some tasks 200 times that imply no network calls and only DOM modifications. Everything takes about seconds, and for 200 actions that should be super quick, as said, it's less than 10% difference on the slowest versus the fastest.
What do you think of these tests?
Feel free to comment on the method, everything is in the repository for you to criticize so that we might have better benchmarks at some point :)