QtWebEngine存在哪些具体性能瓶颈？

本文共计880个文字，预计阅读时间需要4分钟。

详细讲述了QtWebEngine性能问题的总结

目录

1.概述

2.论述

2.1. 图形属性设置 2.2. 硬件加速设置 2.3. Qt6

3. 参考

1. 概述Qt WebEngine模块是基于Chromium项目的，但由Qt团队进行了定制。它提供了Web浏览功能，但可能会遇到性能问题。以下是对Qt WebEngine性能问题的总结。

2. 论述

2.1. 图形属性设置

优化图形属性设置可以显著提升Qt WebEngine的性能。这包括调整渲染后端、使用硬件加速等。

2.2. 硬件加速设置启用硬件加速可以显著提高Web内容的渲染速度。在Qt WebEngine中，可以通过设置相应的属性来启用硬件加速。

2.3. Qt6Qt6引入了许多性能改进，包括对Qt WebEngine的优化。升级到Qt6可能会带来性能的提升。

3. 参考

1.概述Qt的Qt WebEngine模块是基于Chromium项目的，但由Qt团队进行了定制。它提供了Web浏览功能，但可能会遇到性能问题。以下是对Qt WebEngine性能问题的总结。

详细讲述了对QtWebEngine性能问题的总结。

目录

• 1. 概述
• 2. 详论
  • 2.1. 图形属性设置
  • 2.2. 硬件加速设置
  • 2.3. Qt6
• 3. 参考

1. 概述

Qt的Qt WebEngine模块是基于Chromium项目，但是本人在使用QWebEngineView进行Web端的三维渲染（WebGL）时，经过测试发现性能比不上Chrome。查阅了一些资料，记录一下对这个问题的尝试。

2. 详论 2.1. 图形属性设置

在Chrome中通过地址chrome://gpu查看使用的GPU的情况：

而在Qt的QWebEngineView中同样打开chrome://gpu查看：

可以看到两者的GL_RENDERER是不一样的，原生的Chrome采用的是ANGLE渲染的，而不是像Qt WebEngine那样采用显卡驱动中OpenGL4.6渲染。

根据参考[1]，ANGLE是Google的一个开源项目，目的是将OpenGL ES API调用映射到 Vulkan、桌面OpenGL、OpenGL ES、Direct3D 9 和 Direct3D 11中。文中还提到了ANGLE是Windows平台上Google Chrome和Mozilla Firefox的默认WebGL后端：

那么问题可能在于这里，一般会认为使用D3d的性能比OpenGL要高。按照参考[2]中所述，我们可以将Qt的图形属性设置成ANGLE:

具体的代码为：

QCoreApplication::setAttribute(Qt::AA_UseOpenGLES); //... QApplication a(argc, argv); //...

根据参考[2]中所述，这样会让ANGLE自动选择最合适的图形接口。这时通过chrome://gpu查看如下：

这时的ANGLE已经启用了，并且调用了D3d11。不过很可惜，经过测试，我这边性能并没有提高，并且在后台会报错。

更进一步的，参考[2]中还提到了可以通过环境变量QT_ANGLE_PLATFORM来选择d3d11、d3d9或者warp，来选择具体的图形接口实现。可惜这三种配置对我都没什么效果。

2.2. 硬件加速设置

参考[3]和参考[4]提到了Chromium有一些命令行参数，用于进行硬件加速。例如"--ignore-gpu-blacklist", "--enable-gpu-rasterization", "--enable-native-gpu-memory-buffers", "--num-raster-threads=4"。参考[5]中提到了具体的设置方法：

qputenv("QTWEBENGINE_CHROMIUM_FLAGS", "--ignore-gpu-blacklist"); //... QApplication a(argc, argv); //...

但是很可惜，经过测试，我这边性能还是并没有提高。

2.3. Qt6

在Qt的一篇官方博客，也就是参考[6]中，提到了一些信息：

似乎目前Qt的ANGLE并没有真正渲染到D3D上，相应的硬件加速也没有作用。如果可以，尽量跟进Qt6的最新版，可能会解决这个性能问题。

3. 参考

1. ANGLE - Almost Native Graphics Layer Engine
2. Qt for Windows - Requirements
3. Investigate Chromium GPU flags
4. Enable hardware acceleration with QtWebEngine
5. Setting arguments for QtWebEngineProcess
6. Qt WebEngine in Qt 6
7. Qt5: can WebGL work with ANGLE on Windows via QtWebEngine?
8. qt QWebEngineView 和 quick 渲染的问题的解决