Slow page rendering in IE11, faster in Chrome 60

[JanneHarju]

Page rendering is very slow (11s) in IE11 when I have 1400 nodes in tree, but faster(1,5s) when I use Chrome. Here is my related code:

` <TreeSelect
style={{ width: '100%' }}
dropdownStyle={{ height: 300, overflow: 'auto', zIndex: 1500 }}
dropdownPopupAlign={{ overflow: { adjustY: 0, adjustX: 0 }, offset: [0, 2] }}
searchPlaceholder={formatMessage(messages.searchLocation)}
showSearch allowClear treeLine maxTagTextLength={10}
treeData={this.props.storageAreas}
treeNodeFilterProp="label"
value={this.state.selectedStorageArea}
treeDataSimpleMode={this.treeDataSimpleMode()}
onChange={(value) => this.setState({ selectedStorageArea: value })}
/>

treeDataSimpleMode() {
return {
pId: 'pId',
id: 'key',
rootPId: 0,
};
}

`

Is treeDataSimpleMode slower than normal mode or does it even affect to this?

How can I improve performance? Which is the most powerful configuration for the component?

[JanneHarju]

I changed from treeDataSimpleMode to normal mode and generate node tree by myself. After this IE rendering become lot faster(~1s) and chrome rendering become instant(<0,5s). So if anyone has performance issue with treeDataSimpleMode your should try change to normal mode.