[data grid] Poor mount performance on Safari #12908
Labels
browser: Safari
component: data grid
This is the name of the generic UI component, not the React module!
performance
Steps to reproduce
There's been amazing performance improvements in rendering the V7 of Datagrid, huge kudos to @romgrk et al. One area that could still be optimised is initial rendering/mounting performance, which seems especially poor in Safari (unfortunately we have to support that).
Link to live example: (required)
Steps:
I'm seeing 85%+, sometimes 100%+ CPU usage on page load. As a benchmark, the demo site of AG-grid only peaks at around 30% for a short time. https://ag-grid.com/example/
Current behavior
CPU gets choked by (most likely) grid measurements.
Example output – not sure if it's the culprit or just a result of choked CPU, but seeing
measureScrollbarSize
called many times on mount:Gets especially bad when a page has multiple datagrids. We have a page with 5 grids, and while in Chrome the performance is completely acceptable, in Safari, there's a visual delay between page navigations. Removing the grids makes everything super snappy.
Expected behavior
CPU not getting choked on mounting.
Context
No response
Your environment
npx @mui/envinfo
Search keywords: safari, performance,slow
The text was updated successfully, but these errors were encountered: