How best to optimize the animation on the website?

Good evening. Can someone tell me how best to optimize the animation on the website? There is quite a lot of transition effects, therefore, on the website sometimes lags... With the help of which you can track the problem areas? Maybe there are any recommendations on this topic?

Regarding lags. Sometimes, when scrolling is lag that the page is not rendered in time... like a shift, do not know how to explain exactly. With a similar meet for the first time.

P. S the Problem was solved. Procesal using Google dev tools, animation intersect with other elements, therefore redrawing almost the entire page. The problem was solved with the removal of the object on a separate layer with the hacking translateZ(0) and overflow hidden for multiple items, now everything is clear )
June 14th 19 at 18:54
1 answer
June 14th 19 at 18:56
Look in the direction of reflow and repaint
Thank you, essentially ) - Bethel.Kreiger49 commented on June 14th 19 at 18:59

Find more questions by tags CSSHTML