Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: The Fastest Slider library for high performance websites

blaze-slider.dev

Post reply on HN
Print view View original

1–10 of 14 posts

Re: Show HN: The Fastest Slider library for high performance websites

#3

Post by MNNTNK »

I've been pretty disappointed with existing slider libraries because of their horrendous impact on the browser's main thread, and they also cause layout shifts which is a total pain in the neck to get rid off - They do not provide any way to fix the layout shifts in a idiomatic way.

So, I decided to create a slider library that focuses purely on being as fast as possible but still pretty push fully featured and super customizable. The library I have created is 30x faster than slick, 15x faster than swiper - while still being 5x smaller than slick and 19x smaller than swiper in size.

Despite being so small and fast - it still has lots of features and customizability.

I've just released V1.0 - Do check it out

Re: Show HN: The Fastest Slider library for high performance websites

#5

Post by axyz »

MNNTNK wrote: post #3

I've been pretty disappointed with existing slider libraries because of their horrendous impact on the browser's main thread, and they also cause layout shifts which is a total pain in the neck to get rid off - They do not provide any way to fix the layout shifts in a idiomatic way. So, I decided to create a slider library that focuses purely on being as fast as possible but still pretty push fully featured and super…

You may need some sort of threshold to ignore scrolls that are mostly vertical. It's really hard to scroll the page on mobile as the slider prevents the default scroll unless the movement is perfectly vertical

Re: Show HN: The Fastest Slider library for high performance websites

#8

Post by MNNTNK »

Komodai wrote: post #6

absolutely hate the fact that it snaps then you have to wait until you can slide.

Thanks for the feedback, I see your point.

This is definitely annoying, This is happening because I've added a logic that does not let the user trigger another transition if the slider is in mid-transition state.

Though I think a better approach would be to allow the user to trigger another transition and handle it gracefully.

Working on it to fix this.

Re: Show HN: The Fastest Slider library for high performance websites

#9

Post by MNNTNK »

axyz wrote: post #5
MNNTNK wrote: post #3

I've been pretty disappointed with existing slider libraries because of their horrendous impact on the browser's main thread, and they also cause layout shifts which is a total pain in the neck to get rid off - They do not provide any way to fix the layout shifts in a idiomatic way. So, I decided to create a slider library that focuses purely on being as fast as possible but still pretty push fully featured and super…

You may need some sort of threshold to ignore scrolls that are mostly vertical. It's really hard to scroll the page on mobile as the slider prevents the default scroll unless the movement is perfectly vertical

Yeah, This is not good. This is happening because I've set `touch-action: none` CSS. It should be `touch-action: pan-y`

Edit: Fixed in V1.0.1

Post reply on HN