Skip to content

Performance degradation in antd with cssinjs compared to v4 #199

Open
@pbrzosko

Description

@pbrzosko

Hi,

we are getting a quite significant performance degradation in our virtual scrolled component with a lot of Antd components inside. Below are screeenshots of FF profiler with cssinjs (antd v5) and without (antd v4). It seems like the bottleneck here is the useToken -> useCacheToken -> useGlobalCache code. In Chrome it seems updateCSS to be the issue.

  1. Can you give more details, why CSS needs to be updated when we are scrolling virtual container? It seems to me that could be avoided, as nothing is changed with the component - it is just mounted / unmounted?
  2. Can you give some hints about how to improve the performance. For now our component is not usable.

Ant5 - see the red Jank stripes
image

Ant4
image

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions