粉丝19.4万获赞129.0万
浏览器他是怎么样开启 gpu 加速的?为什么要开启 gpu 加速?今天咱们通过代码和 demo 给大家聊明白,讲清楚。在聊 gpu 加速之前,你要了解浏览器渲染引擎的处理的过程,首先会到 gs, 对吧?然后去执行这个啊,盗墓数,再执行 cs 数,到计算样式生成渲染数, 那么他整个的这个过程可以简化为现在这个,然后先到样式到 live, 再到这个绘制,再到合成整个他是他的一个过程。我相信好多同学你面试的时候他问你,大家都会这么去答,结合咱们的代码去深入的给大家讲一下, 这个是一个动画向左啊,运行从二十 ps 运行到一百四十 ps, 这个是他的代码,咱们刷新一下,看一下他的过程,咱们开启这个录制,看看他的这个性能怎么样,看点一下他,知道一下,咱们看一下他的过程,咱们选择一段画的性能是非常快的。之后咱们可以点上面这个地方,这个地方有一个三个点,然后点冒 这地方有一个 rend, 那么点 rend 之后,咱们可以选中这个第一个啊,再选中这个,然后呢咱们再选中这个,上面就会显示他的 ips, 选中这个第一个,选中他的时候,那么这个方框咱们咱们刷一下,还有一个绿色的边框,看到没有,那么这个边框就说明这个啊,他是需要重绘的这个区域,因为他是 left, 是变了吗? 都选这个,这个 layer, borders, 这都一个一个小边框了,选中它之后,对吧?这个页面,然后它相当于是整个的一个分成,这个是显示咱们的这个 lps 啊,大概是六十左右, gpu 这种三格化 boy 这个是开起来的,所以这个是啊,他用的这个啊,内存的使用里面咱们还有一个叫什么叫成的概念,就是这个是咱们的这个页面啊,看到没?这个成,其实咱们可以,咱们可以这个把它角度换一下,换成这种角度,看到没有? 这种角度,你看一下其实我的这个块,对吧?我这个要移动的这个 div, 他和整个页面他是在一个城里面的,就我刷一下,你可以看看,对吧? 大家这个是在动,对吧?他在一个城里面的,也就是说啥呢?就是因为咱们现在是没有开启 gbu 了,所以说他在这这个地方就是合成的时候,对吧?他其实是同一个城,也就是说你要运动的这个城和你主页面他是同一个城,也就是说你的这个主页面他也会进行重绘或者重拍, 所以说咱们要开启这个机油加速怎么开呢?在哪里面可以?咱们用这个,比如说 transform, 这个就可以开,把它开启,把它开启, 这样的话我再算一下,大家看一下这个这上面的这个小图标,他有什么变化啊?我算一个,你看一下,你看没有?他现在感觉是两个成了,对吧?他运动的时候, 对不对?这样的话,我开启汽车加的时候,他这地方呢显示的是两个城,两个城也就说他可以避免浏览器的这个主城吗?这个主城这个大的进行这个重绘重拍,那么他会生成一个新的城,这个新的 专门来处理你要运动的这个 div 的,相当于他会减轻咱们 cpu 的负载,因为你默认不开启的话,咱们其实是 cpu 来覆载你整个的动画的运行,所以说浏览器开启 gpu 之后,他会把这个要运动的元素提升到一个独立的这个层 浏览器,它会自动的进行优化这一操作。而真正的在开发网当中啊,如果咱们真的是要开启的话啊,可以使用这个属性 就是为了 change, 因为 change 他有他可以是哦,但是改成是哦的话,他其实是有一个问题的,所有的这个他都可以开启这个 gpu 加速,但是你如果这地方是可以是哦的话,他反而会降低整个的性能, 因为这个硬件加速可以提高 cpu 的使用。但是你从这个这个这个成啊,这个成越多呢,说明他肯定要消耗一定的内存空间呢,过多的内存占用也会造成性能的下降。 也就说咱们用的过程当中一定要知道,比如说我现在移动的其实是 life 元素,所以我把它改成 life 就可以了,我再刷一下,你看看一下,对吧?你可以看看明显的哈,这个地方是有一个分层的,对吧?我要运动的这个 div 和我这个组的这个 他其实是两个的,所以说开启 gpu 加速他有优点,他的优点是他相当于让你动画更加平滑,还有呢就是他会减少对 cpu 的损耗,缺点的话就是说如果这种成交一个多,他就会导致下载非常慢, 因为那个你开一个成他也会消耗内存。应用场景是在什么地方呢?比如咱们就是如果你做这种图表,对吧?不管是用 e xs 也好,昂特威也好,一个页面上图图表过多的话, 那么这时候咱们其实可以使用 gpu 加速,只有这个图标我要开启,我需要动画了,其他的不需要。那么我其实我可以单独的把这一个程啊作为一个独立, 也就是说在这这个上面,这样的话能给我们减少啊对浏览器性能的损耗。浏览器从未重排,我只是重排,我独立这个车底下这些图图表根本就不需要处理真正的应用场景,做图表的话,其实这个属性 vc 都是非常有用的,大家有不同的意见可以评论区留言。
全网独家啊,让你的 cpu 性能翻分倍啊!让你的 cpu 飞起来! win 加 i, 打开系统进程,找到游戏,游戏模式打开,点击图形设置,打开硬件加速及 p u 计划,找到 microsoft star 应用, 找到 windows 安全中心,找到 windows 安全中心,点击选项 win 加按键,打开进程,输入 masking fake, 点击引导,点击高级选项,点击处理器个数,打, 打开最大处理数,点击确定,点击应用,你的 cpu 提升性能就设置好了。
今天教你一招电脑提速的办法,让 cpu 啊发挥超强的性能,比新买的电脑还快, 很简单,赶紧保存吧。电脑按温家 r 键,输入这个指令,点击引导,打开高级选项,处理器个数打对勾,选择最大那个数点确定,然后应用点充气电脑就行了。