Performance issues with background-image property

Question

Performance issues with background-image property

Closed this issue 3 years ago · 3 comments

KurtGokhan commented 3 years ago

Currently the background-image property has some performance issues that drop fps significantly when used abundantly.

There are two main reasons:

NotifyStencilStateChanged is called needlessly. Discord link
Background image draw calls are not batched because of non-sharing materials. Discord link

Additionally, performance can be improved for box-shadow with this technique

Answer 1 · 2022-10-12T10:32:40.000Z

Looks like all of these issues will be solved once I implement mesh-based background/border/shadow instead of shader-based.

Answer 2 · 2022-10-19T19:08:02.000Z

This is being worked on the branch https://github.com/ReactUnity/core/tree/mesh-based-bg-shapes

Answer 3 · 2023-01-16T08:31:35.000Z

Implemented all border, border-image, background and similar features using meshes now, instead of shaders. This will improve performance a lot, as well as allow anti-aliasing.