blazor-405321-troubleshooting-grid-related-issues-performance.md
Follow the instructions in this article to resolve performance issues with the Grid component when it is bound to a large or remote data source. We recommend that you also review general performance troubleshooting techniques for Blazor applications: Troubleshoot Performance-Related Issues.
DevExpress Blazor Grid uses an HTML table with fixed layout to render its content. If the component needs to render a large number of elements, application users may experience performance issues. Sections below explain possible causes and resolution techniques.
The number of cells may affect the grid’s render performance in the following cases:
You can use the following techniques to optimize the generated HTML markup:
Implement templated content with the simplest markup. Consider the following optimization examples:
<span> tag instead of DxTextBox to display static text.<input type="checkbox"> tag or the DxCheckBoxSettings object to display static check boxes.The Filter Menu has a performance limitation: if a hierarchical filter menu contains more than 5,000 (Blazor Server) or 1,500 (Blazor WASM) unique dates, users may notice render delays. Consider a plain list or date range instead.
Many factors can affect data loading speed, for instance, the web server’s location, server hardware, database engine, and so on. On the DevExpress Blazor Grid level, ensure you use the appropriate data source type and correctly bind the component to the data source. The following sections may be helpful: