OverlayScrollbars icon indicating copy to clipboard operation
OverlayScrollbars copied to clipboard

Reduce the humongous size of the library

Open xeoneux opened this issue 4 years ago • 1 comments

Is your feature request related to a problem? Please describe. I used this library in my project simply to move away from default scrollbars on windows. After adding it, I see that this is the largest library in my whole application which has more than 20 deps!

Describe the solution you'd like Is there any way to reduce the library size or maybe I'm doing something wrong? Is this a known issue?

Describe alternatives you've considered I haven't considered any alternatives but the 360.24KB of JS and 25.09 KB of CSS (totalling 385.33KB) bloat definitely means I cannot afford it.

Additional context Attaching visualiser screenshot:

Screenshot_20210609_111236

xeoneux avatar Jun 09 '21 05:06 xeoneux

Good day @xeoneux

There was a similar issue in the past (#55) where I described a little bit the sturcture of the library etc. and why it is currently as big as it is. This won't change until v2 is released, because it would require a whole rewrite (which I'm doing for v2 anyway). I'm planning to release version 2 at the end of the year.

Because I'm seeing it.. There is also a minified version, which has roughly 54KB. I'm also providing minified CSS, which you could also use. I optimized the library over the years to a extend where it can minify about 80% of its size.

KingSora avatar Jun 09 '21 07:06 KingSora

@xeoneux good news, v2 is now in beta and the size was reduced significantly. Even without treeshaking its 50% smaller than v1. You can see a comparison here: https://bundlephobia.com/package/overlayscrollbars keep in mind that depending on what you import the size is even lower

KingSora avatar Aug 14 '22 20:08 KingSora

That's so amazing @KingSora! Thanks a lot, I'm going to update the lib to try out the beta this week 🚀

xeoneux avatar Aug 16 '22 13:08 xeoneux