Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

GPU acceleration vs CPU?

In the transformations CSS videos, it was mentioned that using rotate3D, transform3D, etc, would force the browser to use GPU acceleration vs CPU.

I am not sure that I'm clear of the difference it makes, using one or the other. Are there resources online that can explain this easily?

Thanks

2 Answers

Hi Allison,

Using the GPU allows your computer to call on all the power of the graphics which leaves your CPU free to deal with its regular computing tasks, which might otherwise be slowed down if asked to deal with a website that contained a large amount of animation.

A bit like having a tandem bicycle and getting your friend to help pedal uphill rather than you putting in extra effort, your friend lends a hand.

Hope this helps.

Is there a way to do this all the time? Wouldn't sites run faster if this was the case? (uh...I'm not sure I understand the question I'm asking!)

Using rotate3D, transform3D will force the browser to do this 100% of the time, but as for forcing the browser to use the GPU for other things, i suppose we will have to wait for the developers to implement those into future browser builds.
As far as applications on your computer, well thats down to the developer also.

Hope this helps.

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher

Hi Allison Walker,

Take a look at a blog post I wrote on hardware-accelerated CSS.

As mentioned in the article, GPU acceleration should be used when we experience a true performance win. If we force GPU acceleration on everything, it can cause other performance problems.

Thanks!