Switching to Svelte for Enhanced Performance on Slow Devices

BetterSEQTA / BetterSEQTA-Plus

BetterSEQTA+ - A continuation of development of the BetterSEQTA chrome extension.

https://chromewebstore.google.com/detail/betterseqta+/afdgaoaclhkhemfkkkonemoapeinchel

MIT License

19 stars 7 forks source link

Switching to Svelte for Enhanced Performance on Slow Devices #64

Open SethBurkart123 opened 10 months ago

SethBurkart123 commented 10 months ago

I'm exploring the idea of switching from React to Svelte for our embedded components and pages, especially given our application's usage on slower laptops. I'd love to hear your thoughts on this. Here's a quick breakdown of why Svelte might be a better fit:

Performance Boost: Svelte compiles to highly efficient vanilla JS, offering faster load times and smoother performance – a key advantage for users on slower laptops.
Simpler Code: With its less verbose syntax, Svelte can make our codebase more readable and easier to maintain.
Reduced Bundle Size: Svelte's leaner output means smaller bundles, leading to slightly quicker page loads, a crucial factor for our target user base.
No Virtual DOM: This reduces memory consumption, enhancing performance on older, less powerful laptops.

Looking forward to your feedback and suggestions!

And because its always running in the background in SEQTA it may give some pretty major gains!

MEGA-Dawg68 commented 10 months ago

I could definitely see the advantage, if it means the experience is faster and the current features and animations are kept I think this could be a very cool idea

SethBurkart123 commented 7 months ago

This is now in the works! I've managed to get full tab switching converted from the old logic in react :)

97-42 commented 4 months ago

Will the GUI look the same? We could go for a minimalist design with only a few colours.

SethBurkart123 commented 4 months ago

I'll probably close this for now, because it really isn't fully feasible to recreate it without a LOT of time on our hands. I've moved the project to vite and am using https://million.dev/ to try and squeeze a bit more performance out.

ar-cyber commented 3 months ago

No github, this is not done.

SethBurkart123 commented 1 month ago

Reopened as dev on this is going ahead. See: svelte

ar-cyber commented 1 month ago

This one's going to be good. I can make BetterSEQTA run on my Pentium!

MEGA-Dawg68 commented 3 weeks ago

This one's going to be good. I can make BetterSEQTA run on my Pentium!

I had a surface go 2. The animated background would lag at times :(

ar-cyber commented 3 weeks ago

Will this only apply to the settings page or the entire extension?

SethBurkart123 commented 3 weeks ago

Will this only apply to the settings page or the entire extension?

I'm completely moving away from react (in all other custom pages as well) except for a couple of components that need to stay at the present moment like the colour picker (as I'm not quite willing to make it from scratch right now).

ar-cyber commented 3 weeks ago

So it's just going into a couple little steps, right.

97-42 commented 2 weeks ago

This one's going to be good. I can make BetterSEQTA run on my Pentium!

I had a surface go 2. The animated background would lag at times :(

I don't think it is the laptop but more the screen, they are only 60Hz and most of the time cant use all of it.

MEGA-Dawg68 commented 2 weeks ago

This one's going to be good. I can make BetterSEQTA run on my Pentium!

I had a surface go 2. The animated background would lag at times :(

I don't think it is the laptop but more the screen, they are only 60Hz and most of the time cant use all of it.

This one's going to be good. I can make BetterSEQTA run on my Pentium!

I had a surface go 2. The animated background would lag at times :(

I don't think it is the laptop but more the screen, they are only 60Hz and most of the time cant use all of it.

It isn't the 60Hz screen. The 60Hz won't cause issues. It was the CPU that couldn't handle anything. Completely a hardware issue