优化
专注应用全链路优化疑问,解答性能、代码、资源与体验优化中的各类优化问题。
-
2
回答
74浏览
闭包引用导致内存泄漏怎么办?循环里用函数保存变量内存一直不释放
我在写一个数据监控组件时遇到了问题,用for循环给多个DOM元素绑定事件监听,每个监听函数里引用了循环变量i。发现即使元素被移除了,内存监控工具显示相关函数和元素节点都没被回收。 尝试过把变量改为le...
优化 2026-01-25 22:25:22 -
2
回答
39浏览
转换为WebP后图片显示空白怎么办?
我刚把项目里的JPG图片转成WebP格式,但页面上全显示空白了... 之前用的是普通标签,改成WebP路径后这样写的: <img src="logo.webp" alt="logo" width...
优化 2026-01-25 21:39:22 -
2
回答
25浏览
React中使用数据预取时,如何避免预加载资源被其他请求挤占导致白屏?
我在开发单页应用时,用预加载详情页数据,但发现当用户快速切换列表项时,多个预加载请求会同时发起。最近遇到过极端情况,页面突然出现白屏,控制台显示"Too Many Requests"错误,推测是预加载...
优化 2026-01-25 18:02:28 -
2
回答
39浏览
虚拟滚动列表为何仍卡顿?
最近在做一个长列表展示页面,数据量大概有几千条。考虑到性能问题,我尝试使用了虚拟滚动技术来优化。但是即使使用了react-window库,当快速滚动时页面还是会有明显的卡顿现象。 我的代码如下: im...
优化 2026-01-25 15:47:33 -
2
回答
46浏览
如何有效减少页面的重排与重绘?
最近在优化一个比较复杂的单页应用,发现滚动或者用户交互时性能不太好。用Chrome开发者工具看了看,发现重排和重绘挺频繁的。 试过使用CSS transform代替left/top属性移动元素,确实减...
优化 2026-01-25 15:41:14 -
2
回答
33浏览
如何在React Query中正确处理分页数据?
最近在项目里用React Query加载分页列表,但是当用户快速切换页面时,旧的数据请求会覆盖新的结果。试过调整useQuery的staleTime选项,但效果不明显,还是会出现数据错乱的情况。 有人...
优化 2026-01-25 15:37:58 -
1
回答
125浏览
长列表滚动时内存占用高怎么办?
最近在做一个展示大量数据的页面,用的是React。发现随着列表长度增加,内存占用越来越高,即使使用了虚拟滚动也感觉效果一般。有没有什么好的办法可以进一步优化内存呢?已经试过减少不必要的渲染逻辑,但还是...
优化 2026-01-25 15:06:13