Hi, Merry Christmas 🎄 I'm working on an horizontal slider loop
I'm using this slider loop on an app I'm working on, the codepen is the same as on my app except that I have different images for each card.
I notice that if I keep box-shadows on the cards, the performance is bad. When I scroll on the page, it's super laggy.
When I kill the shadows, it works normally.
Question 1 : have you noticed bad performances because of box-shadows in the past?
Question 2 : is the loop/drag method with an Observer in the codepen not well optimized? Would you recommend it?
Question 3 : on this codepen, each card has 3 DOM levels (li, image container, and image), can this amount of levels be a problem on loops?
It's likely that my app isn't sufficiently optimized and the box-shadows is kind of the last straw for it, so I'll probably need to do optimization on other things anyway. Although, if I kill other sections that are performance eaters in my app, it's still laggy if the box-shadows are here..
Thank you
Codepen is based on a codepen found on this forum topic
Config: AMD Ryzen 9 7950X, 64GB ram, GTX 1080TI, Chrome