如何移除无限滚动网页中已滚过的div避免卡顿？有对应Chrome插件吗？

手动清理已滚动区域DOM的实现方法 #

无限滚动卡顿的核心原因是页面累计DOM节点过多，浏览器重排重绘成本持续升高，直接清理可视区域外的历史节点可以快速降低渲染压力。
你可以直接在Chrome开发者工具的控制台运行以下简易脚本实现清理：

// 自定义保留的视口上方缓冲高度，单位px
const BUFFER_HEIGHT = 1500;
// 替换为你访问站点的内容容器选择器，避免误删导航、评论区等固定模块
const CONTENT_SELECTOR = ".post-item";

window.addEventListener("scroll", () => {
  const currentScrollTop = window.pageYOffset;
  document.querySelectorAll(CONTENT_SELECTOR).forEach(node => {
    const nodeTop = node.offsetTop;
    // 仅删除完全超出缓冲区域的历史节点
    if (nodeTop + node.offsetHeight < currentScrollTop - BUFFER_HEIGHT) {
      // 若需要后续恢复内容，可替换为 node.style.display = "none"
      node.remove();
    }
  })
})

如果需要长期在特定站点使用，可以把脚本通过脚本管理器注入，无需每次打开页面手动运行。

可实现DOM自动清理的Chrome扩展 #

目前有两类扩展可以实现相关功能，无需手动写脚本：

• 无限滚动专属优化扩展：核心逻辑就是自动识别页面的内容容器，滚动过程中自动回收视口外的历史DOM节点，支持自定义保留的内容高度，部分扩展支持一键恢复所有已清理的内容，适配绝大多数信息流、短视频类无限滚动站点。
• 通用页面性能优化扩展：除了DOM清理能力外，还会自动限制页面的最大DOM数量、拦截不必要的资源请求、冻结非活跃标签的内存占用，适合同时打开多个标签页的使用场景，优化效果覆盖更多类型的站点。

注意事项 #

• 部分站点本身已经采用虚拟滚动方案做了DOM回收，这类站点卡顿大概率是脚本执行、资源加载异常导致的，清理DOM的优化效果有限，可优先通过开发者工具的性能面板定位具体瓶颈。
• 清理DOM前如果需要保留历史内容，建议优先使用隐藏节点的方案而不是直接删除，避免内容丢失无法找回。

内容的提问来源于stack exchange，提问作者daftcranberry2