2

在此处输入图像描述

这是一个列表,其刷新时间 > 500 毫秒(通常会有一个服务器请求)。

https://codesandbox.io/s/silent-haze-6ku1v?file=/src/App.js:1268-1275

问题

一方面,通过为项目分配简单的键来重用 DOM 节点(对 ReactJS 来说很自然),在几次重新加载后,我们很快就会得到一个巨大的 CLS 。

另一方面,重新创建 DOM 节点会给我们带来性能开销,除了保留良好的用户体验现在需要缓存项目的数据这一事实。

问题

是否有解决 CLS 和性能开销的解决方案?

4

0 回答 0