[Vue.js/Node.js] 求助：用户并发量高时，管理系统前端页面加载缓慢，如何优化？
1. 问题背景 (Context)项目类型： 一个内部使用的数据管理系统后台。
技术栈： 前端 Vue.js 2.x + Element UI，后端 Node.js + Express，数据库为 MongoDB。
开发环境： 本地开发环境为 Windows 11，生产环境为 CentOS 服务器。
2. 问题详细描述 (Problem)
具体现象： 当同时在线用户超过50人时，打开“数据报表”页面（该页面图表和表格较多）平均加载时间超过8秒。浏览器开发者工具Network面板显示，多个JavaScript块文件（chunk-vendors.js）加载耗时过长。
重现步骤：
登录系统。
导航至“数据报表”页面。
观察页面加载状态，并查看Network面板。
已尝试的解决方案（无效）：
已尝试开启Nginx的Gzip压缩。
已检查过数据库查询，主要接口响应时间在200ms左右，并非主要瓶颈。
已尝试异步加载部分组件，但效果不明显。
3. 期望结果 (Expectation)
主要目标： 将“数据报表”页面的平均加载时间优化至3秒以内。
补充信息： 这是关键的代码文件（HomePage.vue）中可能存在问题的部分
// 当前在created钩子中同步请求所有数据
created() {
this.getChartData();
this.getTableList();
this.getUserInfo();
// ... 其他多个数据请求
}4. 悬赏规则 (Reward Rules)
最佳答案标准： 希望获得有详细步骤、代码示例和原理解释的优化方案。例如，如何对代码分割（Code Splitting）、组件懒加载、资源预加载/预取进行有效配置，或者指出当前架构的潜在问题
。
承诺： 对于提供了有效解决方案并最终帮助我们解决问题的回答，将设置为 【最佳答案】 并支付100积分。对于所有提供有价值建议的朋友，在此先行谢过！
页:
[1]