QWebEngineView CPU and GPU usages are extremely high

[fatiao101]

I got an animated web page developed with Cocos2d from my workmate.
Demo Link

I use the Qt demo project “simplebrowser” to test the web page. When the page is loaded and stable,
CPU and GPU usages are extremely high.
But if I open the page in Chrome, the performance is normal.

I tested three versions of Qt(I only need 32bit):

1. Qt 5.7.1 msvc 2013 32bit
2. Qt 5.8.0 msvc 2015 32bit
3. Qt 5.12.3 msvc 2017 32bit

They all showed the same performance(High CPU and GPU).

Hardware:

1. CPU: Intel Core i5-4590 3.3GHz
2. Graphics Card：NVIDIA GeForce GT 710
3. Memory: 8G

Screenshots:

1. Chrome 96.0.4664.45 （64 bit）：
   

2. simplebrowser.exe(32bit):
   

3. simplebrowser.exe(32bit):
   Use:
   QCoreApplication::setAttribute(Qt::AA_ShareOpenGLContexts);
   QCoreApplication::setAttribute(Qt::AA_UseOpenGLES);
   

So,
How can I reduce the CPU and GPU usages? Are there some configurations I can set?

[raven-worx]

@fatiao101
some env varibales which come to mind you can try:
QTWEBENGINE_DISABLE_GPU_THREAD=1
QTWEBENGINE_CHROMIUM_FLAGS="--disable-viz-display-compositor"
only when using QML:
QSG_RENDER_LOOP=basic

are you testing release builds?!

[fatiao101]

@raven-worx Thank you for reply. Release version has the same performance. The configurations you recommended are not working.

[raven-worx]

@fatiao101
you can try very sleepy (with your debug build) and check in which methods the CPU spends the most time

[fatiao101]

@raven-worx
After testing, for my case, it is mainly caused by the frame rate of the cocos2d-js web page. The default frame rate is 60. I changed it to 30 for either canvas or webgl render mode. The usages of CPU and GPU dropped significantly.