前端性能优化-页面渲染架构设计与性能优化7-接口服务调用优化和接口服务调用优化

本文地址： https://www.cnblogs.com/veinyin/p/14380941.html

1 接口服务调用优化

1. 接口合并

   一个页面依赖的众多业务接口和第三方接口统一使用一个部署在集群中的接口调用，减少页面接口请求数

2. 接口上 CDN

   把不需要实时更新的接口同步至 CDN，接口内容变更之后自动同步到 CDN 集群上，一定时间内未请求到数据，用源站接口再次请求

3. 接口域名上 CDN

   增强稳定性、可用性

4. 接口降级

   基于大促备战考虑，核心接口降级，用基础接口进行业务实现。如推荐接口，大促时间点可以直接运营编辑的数据，接口万一无法访问，可以使用预设的垫底备份数据

5. 接口监控

   监控接口成功率（和用户实际情况一致的成功和失败监控），包括弱网、超时、网络异常、网络切换等情况。排查出来问题后需要联合后端、运维、网络人员一起解决

2 接口缓存策略优化

1. ajax/fetch 缓存

   请求时带上 cache，依赖浏览器本身缓存机制

2. 本地缓存

   异步接口数据优先使用本地 localStorage 中的缓存数据

3. 多次请求

   接口数据本地无缓存数据，重新再次发出 ajax 请求