GPU 加速的一些困惑

我们经常说使用 css3 来做动画,会启用 GPU 加速,会更流畅。比如使用 transform 属性替代 top、right、bottom、left等,具体可以看下这个例子:

See the Pen gpu 加速的一些困惑 by zeng (@zengxiaoluan) on CodePen.

GPU 是什么?

图形处理器(英语:Graphics Processing Unit,缩写:GPU;又称显示核心、视觉处理器、显示芯片或绘图芯片)是一种专门在个人计算机、工作站、游戏机和一些移动设备(如平板电脑、智能手机等)上运行绘图运算工作的微处理器。

为什么说 GPU 会更快?

使用 transform 更新盒子位置的情况
使用 left 更新盒子位置的情况

我们通过 Chrome 的性能工具发现二者有不同的 Activity,估计这就是差异所在,但是这些能说明什么?我有时间思考清楚了再完善文章,大家可以留言说出自己的理解。

参考链接

作者: 曾小乱

喜欢写点有意思的东西

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据