Tricks for Optimization
The
AdvancedTree is an extremely complex and configurable component tha allows for the display and manipulation of over a thousand nodes. However, there are certain pieces of functionality that can slow down the processing and rendering of the tree, so if the display of the upper limits of nodes is required, there are certain things a developer can do to improve the performance of the component, when necessary.
- Animation of the nodes can be turned off to improve rendering.
- If animation of the nodes is desired, consider limiting the number of nodes that can be rendered at once. The forceSingleOpenBranch property can be used to ensure only a single branch of the tree is opened at one time, which limits the number of nodes that need to render and animate.
- Using connectors in the tree increases the amount that needs to be rendered. If performance becomes an issues consider not using this feature.
- Nodes by default do not have back graphics, just the text label. However, back graphics for the nodes can be applied. Rendering more graphics for each node can slow the performance, though, and should be considered if performance is an issue.
- Custom functions used to determine node labels and node icons will be invoked for every node rendered, so these should be avoided when the upper limits of nodes must be displayed at once.
- Complex validation can slow performance of the tree.