[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）中可能存在问题的部分

1. // 当前在created钩子中同步请求所有数据
   
2. created() {
   
3.     this.getChartData();
   
4.     this.getTableList();
   
5.     this.getUserInfo();
   
6.     // ... 其他多个数据请求
   
7. }

复制代码

4. 悬赏规则 (Reward Rules)​​
​​最佳答案标准：​​ 希望获得​​有详细步骤、代码示例和原理解释​​的优化方案。例如，如何对代码分割（Code Splitting）、组件懒加载、资源预加载/预取进行有效配置，或者指出当前架构的潜在问题
。
​​承诺：​​ 对于提供了有效解决方案并最终帮助我们解决问题的回答，将设置为 ​​【最佳答案】​​ 并支付100积分。对于所有提供有价值建议的朋友，在此先行谢过！