这是一个列表,其刷新时间 > 500 毫秒(通常会有一个服务器请求)。
https://codesandbox.io/s/silent-haze-6ku1v?file=/src/App.js:1268-1275
问题:
一方面,通过为项目分配简单的键来重用 DOM 节点(对 ReactJS 来说很自然),在几次重新加载后,我们很快就会得到一个巨大的 CLS 。
另一方面,重新创建 DOM 节点会给我们带来性能开销,除了保留良好的用户体验现在需要缓存项目的数据这一事实。
问题:
是否有解决 CLS 和性能开销的解决方案?