Wpf - Browser resize sluggish

[touchwindow-dev]

Hi everyone,

we are facing very slow and sluggish resizing performance with the wpf cefsharp control (latest stable version 109).
As you can see in the video attached the webbrowser is inside an usercontrol that is resized using touch manupulation.

Is there a way to get faster resizing or synchronizing the control and the browser?

The issue seems related to the windowless framerate parameter, if it is set to something slow like 5 the lag get much worse but we can't above 60 unfortunately.

Any help?

Thanks

2023-02-07.16-12-27.mp4

[aimcosoftware]

That looks perfectly normal to me. A Google maps page in Chrome responsive design mode, is about the same speed. There's a lot of network traffic on resize.
On way to make it smoother would be to use a resizing frame, and resize the browser on release of that.

[amaitland]

In future if you open a Discussion (#4387) then please wait for a reply before creating a duplicate issue. You are just creating extra work. I've converted this to a discussion also. Issue #2275 is currently being used to track a potential WPF performance improvement. If you are targeting an older version of .Net e.g. 4.8 then you may see performance improvements upgrading to .Net 6/7 as the WPF team have been hard at work on the framework itself.

we are facing very slow and sluggish resizing performance

As @aimcosoftware has pointed out Google Maps will have different performance characteristics as it's rendering is network dependant. Network conditions will also influence performance.

The issue seems related to the windowless framerate parameter, if it is set to something slow like 5 the lag get much worse but we can't above 60 unfortunately.

Depending on your hardware/environment then 60fps maybe the maximum.

Make sure you have an app.manifest with compatibility entries to ensure GPU Acceleration works correctly.

You can try disable-gpu-vsync command line arg. There are also some command line args shown in the source that might yield a performance increase in some scenarios.

CefSharp/CefSharp.Core/CefSettingsBase.cs

Line 446 in 7edc164

if (!settings.CefCommandLineArgs.ContainsKey("disable-gpu"))

See https://github.com/cefsharp/CefSharp/wiki/General-Usage#offscreen-rendering-osr for a brief explanation of how the WPF control is implemented.

If you want to have a look at the rendering implementation yourself the current default implementation is WritableBitmapRenderHandler. You can implement your own render handler if required.