Animations are slowing the performance of web page

Question

I have a single page website design in html, javascript and css. There are lots of images on the webpage and all have different-different animation effects according to thei

Answer 1

Since it looks like you're only using animated pulse, and are already adding and removing the animated class, I'd highly suggest using CSS animations.

CSS animations are rendered with the GPU and do not use the main thread like JavaScript does. They're super smooth and performant!

Check out this Codepen I found on Google creating a pulsing animated icon: https://codepen.io/igorsheg/pen/MBpwGw