为什么在CSS3中优酷启用硬件加速速会降低性能

来源：蜘蛛抓取(WebSpider) 时间：2018-01-11 18:33 标签： cad怎么启用硬件加速
使用CSS3开启GPU硬件加速提升网站动画渲染性能
中文地址：
原文地址：
你知道我们可以在浏览器中用css开启硬件加速，使GPU (Graphics Processing Unit) 发挥功能，从而提升性能吗？
现在大多数电脑的显卡都支持硬件加速。鉴于此，我们可以发挥GPU的力量，从而使我们的网站或应用表现的更为流畅。
在桌面端和移动端用CSS开启硬件加速
CSS animations, transforms 以及 transitions 不会自动开启GPU加速，而是由浏览器的缓慢的软件渲染引擎来执行。那我们怎样才可以切换到GPU模式呢，很多浏览器提供了某些触发的CSS规则。
现在，像Chrome, FireFox, Safari, IE9+和最新版本的Opera都支持硬件加速，当它们检测到页面中某个DOM元素应用了某些CSS规则时就会开启，最显著的特征的元素的3D变换。
-webkit-transform: translate3d(250px,250px,250px)
rotate3d(250px,250px,250px,-120deg)
scale3d(0.5, 0.5, 0.5);
可是在一些情况下，我们并不需要对元素应用3D变换的效果，那怎么办呢？这时候我们可以使用个小技巧“欺骗”浏览器来开启硬件加速。
虽然我们可能不想对元素应用3D变换，可我们一样可以开启3D引擎。例如我们可以用transform: translateZ(0); 来开启硬件加速 。
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
如果在 Chrome或Safari中，当我们使用CSS transforms 或者 animations时可能会有页面闪烁的效果，下面的代码可以修复此情况：
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
在webkit内核的浏览器中，另一个行之有效的方法是
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
原生的移动端应用(Native mobile applications)总是可以很好的运用GPU，这是为什么它比网页应用(Web apps)表现更好的原因。硬件加速在移动端尤其有用，因为它可以有效的减少资源的利用(麦时注：移动端本身资源有限)。
只对我们需要实现动画效果的元素应用以上方法，如果仅仅为了开启硬件加速而随便乱用，那是不明智的。
小心使用这些方法，如果通过你的测试，结果确是提高了性能，你才可以使用这些方法。使用GPU可能会导致严重的性能问题，因为它增加了内存的使用，而且它会减少移动端设备的电池寿命。
没有更多推荐了，为什么在CSS3中启用硬件加速会降低性能_百度知道
为什么在CSS3中启用硬件加速会降低性能
我有更好的答案
1。CPU从文件系统里读出原始数据(DirectSHow的源滤镜)，分离出压缩的视频数据（分离器）。放在系统内存中。GPU发呆2。CPU把压缩视频数据交给GPU,这时总线上开始忙了，压缩数据从系统内存拷贝到显卡上的显存里。3.CPU要求GPU开始硬件解码，现在CPU进入发呆期，GPU开始忙。当然CPU会定期查询一下GPU忙的怎么样了。
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。利用硬件加速器提高处理器的性能
> 利用硬件加速器提高处理器的性能
利用硬件加速器提高处理器的性能
处理器内部集成的硬件加速器可以实现三种广泛使用的信号处理操作：FIR(有限冲激响应)、IIR(无限冲激响应)和FFT(快速傅里叶变换)。硬件加速器减轻了核处理器的负担，能潜在的提升处理器的计算吞吐率超过两倍。本文以下一代音频系统为例，说明硬件加速器在这方面的应用。1 为什么使用硬件加速器FIR滤波器、IIR滤波器和FFT操作在数字信号处理器中应用十分普遍，且具有规则的结构，因此可以用硬件直接实现，特别是用硬件加速器。硬件加速器是专用的定点功能外设，用于实现重复计算复杂的单个任务。它们减轻了主处理器的负担，主处理可以主要做一些在结构上几乎没有什么规律的通用任务。由于系统设计者既拥有通用处理器的灵活性，又具有专用硬件的计算优势，因此，使用硬件加速器就提供了一种高性价比的方法，以增加处理器总的计算能力。因此，这类加速器在满足众多应用领域日益复杂的系统需求方面具有重要价值。其中一个应用是其通道数不断上升的音频系统。家庭影院系统通道数从5.1通道发展到6.1通道，现在已经到 7.1通道，而高端汽车功放一般使用12个或者更多的扬声器，使听者沉浸于美妙的音乐中。此外，音频源内容现在采用高清(HD)格式，其相关的解码器扩展了系统资源。HD算法还以更高的采样率处理数据。以前，数据的峰值采样率很少超过48 kHz，有了HD算法，现在采样率通常都是96kHz，有时，甚至达到了192kHz。为了更好的理解是如何增加计算需求的，以现代化的家庭影院接收系统为考虑，它集成了复杂的室内均衡算法，用以补偿驱动响应和扬声器摆放位置的不同所引起的偏差。算法首先利用麦克风分析室内环境，并测量实时传递函数。在多个位置进行测量再组合分析，然后为每个扬声器设计一个补偿滤波器。更精确的室内均衡算法则使用FIR滤波器来校正整个频率范围上的响应函数，滤波器长度与采样率直接成比例。低频控制越精确，需要滤波器长度越长。采样率为48kHz，通常滤波器长度为256点，为了达到同样的频率分辨率，在96kHz则需要滤波器长度为512点。采样率和滤波器长度都加倍则导致所需的总计算量增加了四倍。2 加速器结构本节将以ADI公司近期推出的SHARC ADSP-2146x处理器为例介绍加速器的结构，该处理器具有更高的时钟速率(450MHz)，并扩展了片上存储器(5Mb)。本文引用地址：图1 FIR加速器的结构此外，处理器还具有一系列硬件加速器，可以用以实现通用信号处理运算：FIR、IIR滤波器和FFT。而这些运算是通信系统、医疗设备、消费产品和工业测量与控制应用中的基本运算。这些加速器是SHARC ADSP-2136x系列处理器片内采样率转换器的有益补充，而采样率转换器也可以看作硬件加速器。SHARC ADSP-2146x处理器的三个加速器设计相同，图1所示的FIR加速器能很好的说明硬件加速器的结构。FIR加速器有以下功能模块。● 系列控制寄存器&&配置加速器的操作。● DMA控制器&&在主存储器与加速器的本地存储器之间传输数据，也可以用于配置控制寄存器。● 两个本地存储器块&&保存系数和状态变量（或者延迟存储器），并降低主存储器的带宽。● 计算单元&&包括适合加速器的算术操作，FIR的计算单元有4个并行的MAC。使用链式DMA，加速器的操作可以自动完成，FIR加速器的典型操作有以下几步。(1)将本通道的系数数据由内部存储器载入本地加速器系数存储区。(2)将本通道的状态变量从内部存储器载入本地加速器系数存储区，这包括第一个输入样本。(3)利用四个MAC单元计算输出样本。(4)保存结果。(5)如果还有需要处理的样本，则读取下一个输入样本，并写入状态变量存储器。(6)重复步骤（3）～（5），直到通道中的所有输出样本计算完。(7)重复步骤（1）～（6），计算所有输入通道。3 加速器的实际应用设计的应用软件必须尽可能从硬件加速器获取最多的好处，应牢记加速器必须配置成与主CPU并行操作，如果主CPU处于空闲状态等待加速器操作完成，这不会带来任何好处。加速器是实时环境中运行的大信号链的典型部分，与加速器接口需要双缓存的输入和输出数据，且系统设计人员也应该牢记加速器会带来一部分延时。设想一个带有7.1通道的家庭影院系统，采样率96kHz，数据块大小为32个采样点，假定室内均衡应用8个FIR滤波器，每个滤波器长度为512点，如果采用核CPU执行滤波操作，则至少需要每秒96kHz &8&512=393MMAC个操作，或者占工作在450MHz的SHARC处理器运算量的44％。该FIR处理占了整个计算量的很大一部分，但在将来，这些都可以转由加速器来处理。FIR滤波器的输入和输出都采用双缓冲，这样就可以让加速器与音频信号处理链的最后环节并行处理。当然，双缓冲器会引入32个采样点的处理延迟，对于96kHz时延迟为333ms，是可以接受的。而利用前面的计算公式，加速器需要50 056个外设时钟周期才能完成操作，如果外设时钟是225MHz，则需要223ms，这小于333ms的可用块处理时间。4 结论音频处理技术的进一步发展对音频DSP提出了更高的要求，集成的硬件加速器为处理器整体处理性能的提升提供了重要的推动力，且将通用的信号处理操作&&FIR滤波、IIR滤波和FFT操作&&从内核处理器中释放出来，使内核可以专注于其他任务，这种高性价比的方法能提高处理器两倍以上的计算吞吐量。虽然本文主要讨论音频应用，但是处理器核和加速器也是通用的，也非常适合于各种信号处理任务。
分享给小伙伴们：
我来说两句……
微信公众号二
微信公众号一CSS3的animation工作原理是什么，很耗性能？ - 知乎有问题，上知乎。知乎作为中文互联网最大的知识分享平台，以「知识连接一切」为愿景，致力于构建一个人人都可以便捷接入的知识分享网络，让人们便捷地与世界分享知识、经验和见解，发现更大的世界。9被浏览670分享邀请回答赞同 5 条评论分享收藏感谢收起写回答CSS Animation性能优化_performance, 性能优化, 性能, Animation, Web动画 教程_w3cplus

我要回帖

更多关于 cad怎么启用硬件加速 的文章

 

随机推荐