Building Performant Web Apps by Jank Busters #requestAnimationFrame #javascript

Oscar Brito


Nice talk about Web Apps performance issues.

One of the main lessons is to not use setTimeouts to render things, use requestAnimationFrame instead.
Why? Paul Irish said the following:

The browser can optimize concurrent animations together into a single reflow and repaint cycle, leading to higher fidelity animation. For example, JS-based animations synchronized with CSS transitions or SVG SMIL. Plus, if you’re running the animation loop in a tab that’s not visible, the browser won’t keep it running, which means less CPU, GPU, and memory usage, leading to much longer battery life.



LINKS:
http://paulirish.com/2011/requestanimationframe-for-smart-animating/



Visit www.divhide.com for more informations, contacts and news about Web Development.
See other blog posts at blog.divhide.com.



Divhide purpose is to follow the HTML5 movement and contribute with applications which prove the quality of technology.


Feel free to contact divhide.