더 나은 실행 성능을 가진 웹 사이트 애니메이션 효과 : CSS3 또는 jQuery?

Question

더 나은 실행 성능을 가진 CSS3 애니메이션 또는 jQuery 애니메이션이 있습니까?

이들은 사용자의 브라우저 성능 또는 실행 속도에 어떻게 영향을 줍니까?

저는 브라우저 호환성, 실행 성능에 대해 걱정하지 않습니다.

Answer 1

@tstenner 좋은 링크를 공유하고 아마 의심을 죽일 것입니다하지만 당신은 몇 가지 검사를하게하려는 경우가 http://jsperf.com/

를 사용하여 일부 성능 테스트를 할 수 있습니다 그리고 당신은 Github에서의 "Animate.css"을 확인해야 . CSS3만으로 멋진 멋진 애니메이션 http://daneden.me/animate/

[]의 이고르.

Answer 2

제 경험상 트레이드 오프는 호환성입니다. 애니메이션을 사용하기 위해 웹 페이지가 꼭 필요한 경우 이전 브라우저와의 호환성을 위해 jQuery를 사용하십시오. 그러나 CSS3는 브라우저에 사전 계산되어 GPU에서 렌더링 될 수있는 예상 애니메이션을 제공합니다. 즉, CSS3은 jQuery에 비해 성능이 월등히 우수합니다 (). 물론 CSS3 애니메이션은 브라우저와 기계간에 다양한 성능을 갖지만 자바 스크립트의 성능은 함께 변화하는 경향이 있습니다. 즉, CSS3의 속도가 느리면 JS의 속도가 더 느려집니다.