上周我们团队接手了一个老旧的OA系统后台，销售部门抱怨表格加载要等半天，用户体验极差。经过抓包分析发现，打开一个客户详情页时，前端竟然触发了15个独立的AJAX请求，而且每个请求都是重复的——用户切换标签页时，相同的参数每次都会重新发起网络请求，完全没有利用浏览器缓存。
针对这个问题，我设计了三层优化方案。首先实现了请求合并，把原本分散的”基础信息”、”联系方式”、”历史记录”三个接口，在组件挂载时统一合并成一个接口请求，减少了14次不必要的网络往返。接着引入了缓存机制，使用JavaScript对象作为内存缓存层，对相同参数组合的请求直接返回缓存数据，同时设置TTL（生存时间）防止数据过期。最后通过axios拦截器实现了请求去重，确保同一时间段内相同URL只会发出一次请求。
优化后，页面首屏渲染从原来的平均3.2秒下降到了0.9秒，服务器请求量减少了76%，用户反馈加载体验明显流畅。这套方案不仅适用于管理后台，对于电商商品页、仪表盘、数据看板等高频请求场景都有很好的借鉴价值，核心思路就是减少请求次数、复用已有数据、避免重复劳动。