CSS3动画和性能：有没有任何基准？ [英] CSS3 animations and performance: are there any benchmarks?

问题描述

每次使用CSS3动画访问页面时，我的笔记本都变得很嘈杂（给我一个信号，表示它在那里做了很多工作）。我不会关心自己，如果至少得到的动画足够平滑。但他们不是。我得到的结果在我的2.4 GHz的Core 2 Duo与8GB的内存和专用的NVIDIA GeForce 320M（没有多少，但应该是足够的一些CSS，不是...）是一些干燥，随机闪烁，在某些情况下具有奇怪的工件...动画，这通常更糟糕的是它的JS等效...

Every time I visit a page with CSS3 animations, my notebook becomes noisy (gives me a signal that it does some heavy job on there). I wouldn't care myself if at least resulting animations were smooth enough. But they are not. What I get as a result on my 2.4 GHz Core 2 Duo with 8GB of RAM and dedicated NVIDIA GeForce 320M (not much, but should be enough for some css, no?...) is some jerky, randomly flickering, in some cases having weird artifacts... "animation", that is often worse then it's JS equivalent...

有没有人比较JS和CSS动画？或者为现实世界使用建议的CSS3好的基准（例如，他们有多少可以在页面上同时没有严重的挂起，等等）？是否有任何最佳做法（例如 - 这样做，不要这样做，或者您的浏览器会抓取等）

Has anyone done any comparisons of JS vs CSS animations? Or benchmarking of proposed CSS3 goodies for real-world usage (for example how many of them can be on the page simultaneously without serious hang, etc)? Are there any best practices (like - do this, do not do that, or your browser will crawl - and such)?

推荐答案

CSS3在一些浏览器中使用GPU加速，这意味着如果你有一个伟大的GFX卡，将产生平滑，快速的动画。
其中CSS / JQ使用您的内存。

CSS3 uses GPU acceleration in some browsers, which means if you got a great GFX card, will result in smooth, fast animations. Where CSS/JQ uses your memory.

所以我真的不认为可以进行基准测试比较。

So i don't really think it's possible to a hands down benchmark test comparison.

动画，你可以使用，浏览器更新这么频繁，硬件是一个因素，这将是很难做这样的使用指南。

About how many animations you can use, with the browser being updated so frequently and the hardware being a factor, it's going to be very hard to do such "usage guides".

Haven' ）

有关GPU加速的更多信息，请参阅：

For more on GPU acceleration see:

http://www.html5rocks.com/en/tutorials/speed/html5/#toc-hardware-accell

这个主题上有一些很棒的文章：

There are some great articles on the subject though:

http://www.netmagazine.com/opinions/css3-vs-javascript

http://www.whatcreative.co.uk / blog / tips / the-benefits-of-css3-vs-jquery /

这篇关于CSS3动画和性能：有没有任何基准？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！