在 SPA 上有多个网格的性能问题答案

【问题标题】：performance issue of having multiple grids on SPA在 SPA 上有多个网格的性能问题
【发布时间】：2019-09-08 03:18:56
【问题描述】：

我需要一些设计建议。

我有SPA。在页面上使用 jQuery。我们在单页中有大约 30 个网格。

每个网格至少有 5 行。

这个网格有各种 CRUD 操作。

在 Chrome 中页面加载速度足够快。
在 Chrome 中，创建新行、编辑行、删除行都可以正常工作。
在移动页面加载速度足够快。
在 Mobile 中，创建新行、编辑行、删除行都可以正常工作。

问题是 IE。
IE 加载页面的时间超过 50 秒。（IE 是我工作场所的首选浏览器）
IE 中的任何操作都有问题。
要在网格中创建新行，我必须等待 30 秒才能完成操作。调用服务器以保存数据的速度足够快，但前端的脚本需要比平时更多的时间来完成操作。

jquery 数据表插件用于网格
select2 插件用于下拉菜单。

任何建议，提示都表示赞赏。

【问题讨论】：

【解决方案1】：

您需要使用 IE 调试您的应用程序才能找到需要很长时间的确切内容。

尝试使用开发人员工具并检查网络选项卡以查看每个文件加载所需的时间。

尝试检查所有网格，看看是否有任何需要很长时间的特定网格。

您说您在同一页面上显示 30 个网格。因此，IE 可能需要比任何其他最新浏览器更多的时间来加载所有 30 个网格。

出于测试目的，您只能尝试加载少数需要加载的网格。比您让用户选择加载任何特定网格的选项可能有助于提高您的应用程序的性能。

您没有提到您使用哪个版本的 IE 和哪个版本的 JQuery 进行此测试。如果您使用的是任何旧版本的 IE 和 JQuery，建议使用最新版本的 IE 和最新版本的 JQuery。

您可以尝试减少每个网格的加载时间，这可能有助于提高应用的整体性能。

没有任何示例代码，我们只能提供一些一般性的建议。如果您可以提供任何示例代码，我们可以尝试使用 IE 11 对其进行测试以检查结果。

这里有一些针对 Internet Explorer 优化 JS 性能的参考。

【讨论】：