Use the following best practices when working with components and component serialization files.
Eliminate Unnecessary Components
For cross-browser compatibility, General Interface abstracts the browser box model and calculations are handled by JavaScript instead of natively by the browser. Multiple JavaScript calculations can slow performance.
Follow these best practices to improve application performance:
- Reduce the nestings and total number of blocks
- Don't use blocks for fillers. Use padding and margins instead of extra filler blocks for a lightweight and more efficient component.
- Design your application with the fewest blocks possible. Too many blocks can slow performance when resizing and repainting.
- Use layout components sparingly
- Only use layout components when appropriate. For example, don't use a layout component if there is only one child.
Use Matrix and Paging
Use the Matrix components whenever possible to display large amounts of data. The Matrix component uses various paging models to improve overall rendering performance and paging tuners to provide greater control over how and when data is loaded. For more information, see General Interface Component Guide.
Components and Component Serialization Files