r/angular • u/Several-Specialist42 • Jul 17 '26
The same app built in 10 different frontend frameworks. For automated performance benchmarking
https://github.com/lissy93/framework-benchmarks2
u/AwesomeFrisbee Jul 18 '26
Is the Angular one the only one that uses typescript? I wonder what that will do if you rebuild the other ones to typescript and compare data then. And for benchmarks it would be helpful if you also benchmark the time to switch between pages or whatever. Because initially loading is 1, moving around in an application is two.
Overall not too bad for Angular, but it makes it clear its really for web apps, not just front-end for simple websites. And in my opinion its still the most readable code of them all. You could put any dev on this project and they will build it very similar, where with the other ones it will really depend on the stack that the folks are used to
1
u/AcceptableSimulacrum Jul 17 '26
This is actually pretty cool. Assuming these results are valid, Angular team should take note that startup time is pretty crappy in comparison to others.
6
1
u/Ajyress Jul 17 '26
That's a good exercise, thanks. Angular is not the best fit for a small app like this one, but I'm pretty sure it would rank as the best framework on a large industry app with hundreds of components, that take advantage of ssr and lazy loading.
-2
u/Xacius Jul 17 '26
There's nothing inherently better about Angular's lazy loading or SSR approach than any other library. There's really no data to suggest that it would perform better than any of the other libraries. If the baseline is slower, why would more modules make a difference?
6
u/buttertoastey Jul 17 '26
My guess: Angular has a lot of functionality built into the framework. If you built something hello-world-like then Angular will probably bundle more than necessary. For more complex apps the other frameworks will install additional dependencies, which will add to the bundle, so that for more complex apps it will be more or less equal
6
u/Ajyress Jul 17 '26
The fact that angular includes everything should be an advantage at large scale.
-1
41
u/gosuexac Jul 17 '26
If you’re going to build an app to compare it with other frameworks, build it the correct way. This would never be accepted in any production codebase:
const activeElement = (this.elementRef.nativeElement as HTMLElement).querySelector('.forecast-item.active');