我们经常说使用 css3 来做动画,会启用 GPU 加速,会更流畅。比如使用 transform 属性替代 top、right、bottom、left等,具体可以看下这个例子:
See the Pen gpu 加速的一些困惑 by zeng (@zengxiaoluan) on CodePen.
GPU 是什么?
图形处理器(英语:Graphics Processing Unit,缩写:GPU;又称显示核心、视觉处理器、显示芯片或绘图芯片)是一种专门在个人计算机、工作站、游戏机和一些移动设备(如平板电脑、智能手机等)上运行绘图运算工作的微处理器。
为什么说 GPU 会更快?
我们通过 Chrome 的性能工具发现二者有不同的 Activity,估计这就是差异所在,但是这些能说明什么?我有时间思考清楚了再完善文章,大家可以留言说出自己的理解。
参考链接
- 我发现京东凹凸实验室写的文章都是大面积参照,所以看文章得学会分别里面的真假,谨慎吸收。
- https://aotu.io/notes/2017/04/11/GPU/