{"id":2942,"date":"2014-11-03T09:16:07","date_gmt":"2014-11-03T12:16:07","guid":{"rendered":"http:\/\/blog.dialhost.com.br\/?p=2942"},"modified":"2014-11-03T09:16:07","modified_gmt":"2014-11-03T12:16:07","slug":"css-vs-animacao-js-qual-e-o-mais-rapido","status":"publish","type":"post","link":"https:\/\/www.dialhost.com.br\/blog\/css-vs-animacao-js-qual-e-o-mais-rapido\/","title":{"rendered":"CSS vs Anima\u00e7\u00e3o JS: qual \u00e9 o mais r\u00e1pido?"},"content":{"rendered":"
\"Anima\u00e7\u00e3o\"<\/a>
Imagem ilustrativa<\/figcaption><\/figure>\n

Como pode a anima\u00e7\u00e3o baseada em JavaScript ser secretamente sempre t\u00e3o r\u00e1pida \u2013 ou mais r\u00e1pida \u2013 do que as transi\u00e7\u00f5es CSS? E como \u00e9 poss\u00edvel que Adobe e Google lancem, consistentemente, sites mobile com rich-media que rivalizam com o desempenho dos apps nativos?<\/p>\n

Este artigo serve como um passo a passo de como as bibliotecas de anima\u00e7\u00e3o DOM baseadas em JavaScript, como Velocity.js e GSAP, s\u00e3o mais eficazes do que jQuery e bibliotecas de anima\u00e7\u00e3o baseadas em CSS.<\/p>\n

jQuery<\/strong><\/p>\n

Vamos come\u00e7ar com o b\u00e1sico: JavaScript e jQuery s\u00e3o falsamente confundidos. A anima\u00e7\u00e3o de JavaScript \u00e9 r\u00e1pida. A do jQuery \u00e9 mais lenta. Por qu\u00ea? Porque nunca fez parte dos objetivos de design do jQuery ser um motor perform\u00e1tico para anima\u00e7\u00e3o:<\/p>\n