chromium cc层的一处性能优化点

最近有大量网页反馈某个CSS3页面(3d-cube-loading/index.html),miniblink性能不行。

页面如下


miniblink是老老实实的画了几个矩形,然后做形变

而chromium cc是这样:


难怪chromium会比较快,原来在绘制这种矩形扭曲成的纯色块时,chromium会转成多变形,而不是丢到skia里做矩阵变换。


继续跟进下去,原来chromium会在PictureLayerImpl::AppendQuads

cc::SolidColorDrawQuad::SetNew
cc::SolidColorLayerImpl::AppendSolidQuads
cc::PictureLayerImpl::AppendQuads
cc::LayerTreeHostImpl::CalculateRenderPasses
cc::LayerTreeHostImpl::PrepareToDraw
cc::ThreadProxy::DrawSwapInternal
cc::ThreadProxy::ScheduledActionDrawAndSwapIfPossible
cc::Scheduler::DrawAndSwapIfPossible
cc::Scheduler::ProcessScheduledActions
cc::Scheduler::OnBeginImplFrameDeadline
base::internal::RunnableAdapter<void (__thiscall cc::Scheduler::*)(void)>::Run(cc::Scheduler * object)


添加drawQuad(绘制四边形的命令)的时候,把之前光栅化时刻就做的分析,既绘制是不是只包含固定纯色,在

这里添加为SolidColorLayerImpl::AppendSolidQuads。


  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Electron 是一个基于 Chromium 和 Node.js 的框架,用于构建跨平台的桌面应用程序。由于 Electron 基于 Chromium 引擎,因此其应用程序在运行时需要消耗较高的系统资源,这可能会导致应用程序的性能问题。以下是一些优化 Electron 应用程序性能的实践方法: 1. 使用最新版本的 Electron:每个 Electron 版本都会针对性能和稳定性进行改进和优化,因此使用最新版本可以提高应用程序的性能。 2. 禁用不必要的功能:禁用不必要的功能可以减少 Electron 应用程序的内存和 CPU 使用量,从而提高应用程序的性能。例如,如果您的应用程序不需要使用拖放功能,可以禁用该功能。 3. 减少模块的加载时间:Electron 应用程序通常需要加载多个模块,这可能会导致加载时间较长。您可以使用 webpack 或 Rollup 等工具来打包和压缩您的应用程序代码,以减少模块的加载时间。 4. 使用内存快照:内存快照是一种将应用程序的内存状态保存到文件中的技术,可以快速恢复应用程序的状态。这可以在启动应用程序时减少内存使用量和加载时间。 5. 使用 Web Worker:Web Worker 是在后台运行的 JavaScript 线程,可以在不影响主线程性能的情况下处理计算密集型任务。使用 Web Worker 可以提高应用程序的响应性和性能。 6. 使用本地模块:Electron 应用程序可以使用 Node.js 模块,这些模块是本地编译的,因此比 JavaScript 模块更快。使用本地模块可以提高应用程序的性能。 7. 使用 GPU 加速:Electron 应用程序可以使用 GPU 加速来提高性能。您可以使用 CSS3D 和 WebGL 等技术来实现 GPU 加速。 8. 使用性能分析工具:使用性能分析工具可以帮助您识别应用程序的性能问题。您可以使用 Chrome 开发者工具和 Electron 的性能分析工具来检测应用程序中的性能问题并进行优化。 这些实践方法可以帮助您优化 Electron 应用程序的性能,提高应用程序的响应性和稳定性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值