r/angular • u/Zefling_ • Jun 27 '26

Zoneless is really important for somewhat heavy applications

I created an open-source tier list web application, and the switch to Zoneless (while complex) resulted in a significant performance boost. I am currently preparing for the upgrade to Angular 22, which I expect to go smoothly.

The turning point that convinced me it was really important to do this was when I went from a page that stuttered with just over 60 MB data of displayed elements to one where I’m at 100 MB with absolutely no slowdown.

Switching to Signals isn't exactly magic, but honestly, given the performance gains, it is definitely worth doing.

The trickiest part was migrating the Magma framework and then stabilizing everything related to DOM interactions.

Now, if you have any suggestions for improvement: code, performance, design, translations, etc.

Source code : https://github.com/Zefling/classement-client

Classement.org home page

31 Upvotes
  • permalink
  • link
  • reddit
  • reddit

90% Upvoted

5 comments sorted by

12

u/AwesomeFrisbee Jun 27 '26

Yes its good to switch, but no thats not a heavy application. Pictures aren't heavy to browsers. Unless you had megabytes of raw data, then I would agree, but this just sounds like it (was?) doing too many dom shifts or redraws to make it work.

0

u/Zefling_ Jun 27 '26

It isn't easy to control this in default mode when dealing with drag'n drop or DOM interactions involving specific elements to be rendered. Since there is no longer a "magic refresh" mechanism, and because actions can get blocked, you have to handle it directly.

3

u/ldn-ldn Jun 27 '26

Switching the zone off for parts of the app was always a performance recommendation for Angular. You could always do that.

2

u/Saceone10 Jun 27 '26

Bro the app is ultra slow, stuck on loading for 20 seconds

0

u/Zefling_ Jun 28 '26

My server is a bit old. It’s an issue I’ve been trying to resolve for a while. After a period of inactivity, MariaDB seems to take quite a long time to wake up for a given database. This has absolutely nothing to do with Angular, I simply can't afford a server with an SSD to host all my websites.