Skip to content

Code Insights: Opacity animation leads to the bad performance in Safari

Created by: vovakulikov

In Code Insights, we use standard animation properties for active/focus series appearance animation.

 transitionProperty: 'opacity',
 transitionDuration: '200ms',
 transitionTimingFunction: 'ease-out',

It turned out that even with partial lazy rendering on the all insights dashboard, these animation rules lead to performance problems for all charts.

But Chrome and Firefox don't have this problem even with a big number of DOM elements on the page.

/cc @joelkw @felixfbecker @vovakulikov @unclejustin