Chrome 浏览器 用GPU硬件加速 让你的web 网页飞起来

摘要:Chrome 浏览器 用GPU硬件加速 让你的web 网页飞起来

安迪儿日前看到这篇介绍，好奇的试了一下

Google Chrome 8.X 版号三级跳，硬件加速再等等

就把原来的chrome 由原来的Stable稳定版本又再更新成Dev开发版本(直接点下去安装就换了)

PS:10/21因为安迪儿的好朋友阿舍谈到关于Ubuntu Chrome Dev的事,安迪儿找了一下

用Ubuntu、Linux的朋友们，请到这边捉自已要的Chrome dev版本Subscribing to a channel

要把原来Ubuntu上的Chrome反安装才能再装(不然会出现冲突不能安装)

Ubuntu果然强，不开特效都比windowsFPS强太多了(快50)

然后打了一下发现网址列about:lab进不去,google了一下才知道改成about:flags

拉到最下面启用GPU Accelerated Canvas 2D 启用后按下方的Restart Now让chrome重启一下

(其它还有侧边tab等等之类的，大家可以玩玩看)

大家可以上这个测FPS的测试网页?数字越大越快

未开之前:36FPS

开之后:55FPS

安迪儿的笔电是x200:1280x800的分辨率 没有独立显卡，所以性能会比有独立显卡的差很多

设完后google chrome 浏览器 开网页、plurk、fb、还有web game都会比先前快很多(web game用飞的)

大家有空试试吧

以上~~收工喽

原文:大专栏  Chrome 浏览器 用GPU硬件加速 让你的web 网页飞起来

原文地址：https://www.cnblogs.com/petewell/p/11457920.html

时间： 2024-10-20 12:40:00

Chrome 浏览器 用GPU硬件加速 让你的web 网页飞起来的相关文章

GPU硬件加速

现代浏览器大都可以利用GPU来加速页面渲染.每个人都痴迷于60桢每秒的顺滑动画.在GPU的众多特性之中,它可以存储一定数量的纹理(一个矩形的像素点集合)并且高效地操作这些纹理(比如进行特定的移动.缩放和旋转操作).这些特性在实现一个流畅的动画时特别有用.浏览器不会在动画的每一帧都绘制一次,而是生成DOM元素的快照,并作为GPU纹理(也被叫做层)存储起来.之后浏览器只需要告诉GPU去转换指定的纹理来实现DOM元素的动画效果.这就叫做GPU合成,也经常被称这种借助于显卡的优势改变渲染操作:通常被笼统

GPU硬件加速的那些优秀的资源总结

问题1:transform动画为什么没有经过大量的重绘? 解答:为什么 transform 没有触发 repaint 呢?(1)简而言之,transform 动画由GPU控制,支持硬件加速,并不需要软件方面的渲染.(2)浏览器接收到页面文档后,会将文档中的标记语言解析为DOM树.DOM树和CSS结合后形成浏览器构建页面的渲染树.渲染树中包含了大量的渲染元素,每一个渲染元素会被分到一个图层中,每个图层又会被加载到GPU形成渲染纹理,而图层在GPU中transform 是不会触发 repaint 的

Android中GPU硬件加速控制及其在2D图形绘制上的局限

图形的渲染可分为两种:软件渲染和硬件渲染.软件渲染是靠CPU计算各种坐标并绘制,主要是占用内存:硬件渲染是靠GPU,主要占用显存,一般的3D图形程序(OpenGL.DirectX)都是GPU加速的. 在Android3.0之前,2D绘图API只支持软件渲染模式,从Android3.0开始,2D绘图API开始支持GPU硬件渲染,即View中的Canvas的绘图操作会使用GPU,所以从Android 3.0(API Level 11)开始,View中就多了一些和硬件相关的方法.如果App的Andro

CSS3 GPU硬件加速

1.代码(未添加GPU加速代码) 1 <!DOCTYPE html> 2 <html lang="zh-CN"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 7 <meta name="viewp

Chromium硬件加速渲染的GPU数据上传机制分析

在Chromium中,WebGL端.Render端和Browser端通过命令缓冲区将GPU命令发送给GPU进程执行.GPU命令携带的简单参数也通过命令缓冲区发送给GPU进程,但是复杂参数,例如纹理数据,有可能太大以致命令缓冲区无法容纳,因此需要通过其它机制传递给GPU进程.本文接下来就主要以纹理数据上传为例,分析WebGL端.Render端和Browser端将GPU命令数据传递给GPU进程的机制. 老罗的新浪微博:http://weibo.com/shengyangluo,欢迎关注! WebGL

用CSS开启硬件加速来提高网站性能（转）

用CSS开启硬件加速来提高网站性能(转) 翻译文章,原文地址:http://blog.teamtreehouse.com/increase-your-sites-performance-with-hardware-accelerated-css. 你知道我们可以在浏览器中用css开启硬件加速,使GPU (Graphics Processing Unit) 发挥功能,从而提升性能吗? 现在大多数电脑的显卡都支持硬件加速.鉴于此,我们可以发挥GPU的力量,从而使我们的网站或应用表现的更为流畅. 在桌

用CSS开启硬件加速来提高网站性能

你知道我们可以在浏览器中用css开启硬件加速,使GPU (Graphics Processing Unit) 发挥功能,从而提升性能吗? 现在大多数电脑的显卡都支持硬件加速.鉴于此,我们可以发挥GPU的力量,从而使我们的网站或应用表现的更为流畅. 在桌面端和移动端用CSS开启硬件加速 CSS animations, transforms 以及 transitions 不会自动开启GPU加速,而是由浏览器的缓慢的软件渲染引擎来执行.那我们怎样才可以切换到GPU模式呢,很多浏览器提供了某些触发的CS

关于硬件加速哪些优秀的资源总结

问题1:transform动画为什么没有经过大量的重绘? 解答:为什么 transform 没有触发 repaint 呢?(1)简而言之,transform 动画由GPU控制,支持硬件加速,并不需要软件方面的渲染.(2)浏览器接收到页面文档后,会将文档中的标记语言解析为DOM树.DOM树和CSS结合后形成浏览器构建页面的渲染树.渲染树中包含了大量的渲染元素,每一个渲染元素会被分到一个图层中,每个图层又会被加载到GPU形成渲染纹理,而图层在GPU中transform 是不会触发 repaint 的

css硬件加速

你知道我们可以在浏览器中用css开启硬件加速,使GPU (Graphics Processing Unit) 发挥功能,从而提升性能吗? 现在大多数电脑的显卡都支持硬件加速.鉴于此,我们可以发挥GPU的力量,从而使我们的网站或应用表现的更为流畅. 在桌面端和移动端用CSS开启硬件加速 CSS animations, transforms 以及 transitions 不会自动开启GPU加速,而是由浏览器的缓慢的软件渲染引擎来执行.那我们怎样才可以切换到GPU模式呢,很多浏览器提供了某些触发的CS