请求优化
本话题发布请求优化相关的问答文章和技术分享，将持续更新，为您推荐了14篇问答，访问即可查看更多精彩内容。
-
2
回答
68浏览
数据预取时如何避免重复请求和资源浪费？
我在做商品详情页的性能优化，想用数据预取提前加载用户可能点击的商品信息。但发现如果用户没点进去，之前预取的数据就白请求了，而且如果多个地方同时预取同一个接口，还会触发多次重复请求。 我试过用 Map ...
-
1
回答
79浏览
数据预取时如何避免重复请求和资源浪费？
我在做商品详情页的预取优化，用户hover到商品卡片时就提前请求数据，但快速来回hover会导致同一个接口被反复调用，怎么解决比较好？ 试过用防抖，但体验变差了；也试过缓存Promise，可组件卸载后...
-
2
回答
83浏览
前端请求重试机制怎么避免无限循环？
我在做接口请求失败自动重试的功能，但有时候网络一直不好，重试就停不下来，页面直接卡死。我试过加个计数器限制重试3次，但代码写得有点乱，不确定是不是最佳实践。 比如现在用的是 fetch 封装的请求函数...
-
1
回答
83浏览
多个小接口能不能合并成一个来减少请求？
最近在做商品详情页，页面要同时拉取商品信息、库存、评论数和用户收藏状态，现在是分开四个请求发的。听说接口合并能优化性能，但不确定怎么搞才合理？ 我试过让后端加一个聚合接口，但前端调用时参数不好统一，而...
-
1
回答
93浏览
接口合并后样式加载异常是怎么回事？
我在做首页性能优化，把两个获取用户信息和配置的接口合并成一个了，结果页面上的按钮样式全乱了。明明 CSS 没动过，但颜色和间距都不对，是不是合并请求影响了 CSS 加载顺序？ 这是用到的一段按钮样式：...
-
2
回答
82浏览
分页加载时怎么避免重复请求和数据错乱？
我用 Vue 做了个列表，滚动到底部就加载下一页，但有时候快速滚动会触发多次请求，导致数据重复或者顺序错乱。试过加 loading 锁，但好像没完全解决问题。 这是我的加载逻辑： <templa...
-
2
回答
209浏览
如何限制同时发起的 fetch 请求数量？
我有个页面要加载几十个用户头像，每个头像都要单独请求接口。现在一进来就同时发几十个 fetch，浏览器卡死了，怎么控制并发数啊？ 试过用 Promise.all，但好像更糟了，所有请求还是同时发出去。...
-
2
回答
94浏览
如何限制并发请求的数量避免浏览器卡死？
我有个页面要批量上传几十个文件，直接用 Promise.all 发起请求，结果浏览器直接卡住了，甚至报错“Too many connections”。 试过自己写了个队列控制，但逻辑有点乱，比如下面这...
-
1
回答
75浏览
接口太多导致页面加载慢，怎么合并请求？
我们首页要同时拉用户信息、订单列表和系统通知，现在是三个独立的 fetch，感觉太慢了。有没有办法把它们合并成一个请求？ 我试过用 Promise.all，但后端说这样还是三次数据库查询，没减轻压力。...
-
2
回答
115浏览
Loading状态怎么避免闪烁或重复请求？
我在用 Vue 做一个搜索功能，每次输入关键词就发请求，但发现如果用户打字快，会触发多次请求，而且 Loading 状态一闪一闪的特别难受。我试过加防抖，但有时候还是会出现上一次请求还没结束，新的请求...
-
1
回答
107浏览
数据预取时使用IntersectionObserver，为什么预加载的图片反而延迟显示？
在开发图片列表页时，我用IntersectionObserver做预加载，但发现预加载的图片比普通加载还慢。代码逻辑没问题，但实际效果反直觉，求大神指点！ 我的实现是这样写的： const obser...
-
2
回答
106浏览
如何避免请求队列中频繁API调用被限流？
我正在做一个实时数据同步功能，需要连续发送大量POST请求到API，但总被服务器限流返回429。我尝试用队列加setTimeout控制频率，但实际测试发现请求还是挤在一起发送了，代码哪里有问题？ le...
-
2
回答
157浏览
预取数据时如何避免重复请求？视口滚动触发多次API调用
我在用IntersectionObserver监听元素进入视口时预取数据，但发现滚动过快时会重复发送请求。比如下面这样写： const observer = new IntersectionObser...
-
2
回答
154浏览
如何用JavaScript实现请求队列，避免高频API调用被限流？
我在做一个实时搜索功能，输入框每输入一个字符就触发API请求，但发现输入太快会被后端限流。之前用防抖处理过，但用户希望稍微停顿就能立即搜索，所以改成节流，但发现如果用户连续快速输入三次，还是会发三个请...
