CnOps 智能运维与可观测社区
首页开源项目实践文章视频课程常见问答开发者工具STAROps 专题
导航菜单
首页开源项目实践文章视频课程常见问答开发者工具STAROps 专题

CnOps 智能运维与可观测社区

愿景

CnOps 智能运维与可观测社区是一个以"智能运维与可观测"为核心的开放、包容、分享的技术社区,旨在聚集运维专家、开发者和爱好者,共同探讨、学习和分享可观测最佳实践与最新技术,与众多技术社区合作互动,共同探讨交叉领域的技术挑战,推动可观测领域的创新与进步。

内容社区

  • 实践文章
  • 视频课程
  • 开源项目
  • 常见问答
  • 开发者工具

友情链接

  • Prometheus
  • Grafana Lab
  • OpenTelemetry
  • LoongCollector

关注我们

阿里云云原生公众号阿里云云原生
阿里云可观测公众号阿里云可观测

Copyright © 2026 CnOps 社区. All rights reserved.

首页问答滚动热力图是怎么计算的?会不会因为高频滚动事件拖累性能?

滚动热力图是怎么计算的?会不会因为高频滚动事件拖累性能?

#滚动热力图#性能优化#内容可见性#RUM SDK

CNOps | 2026-07-10

滚动热力图的核心公式是 scrollDepth = (scrollTop + clientHeight) / scrollHeight,用来衡量用户看到的页面比例。RUM SDK 没有把每次滚动作为离散事件上报,而是在每个 View 生命周期内持续追踪最大滚动深度和达到深度的时间,View 结束时上报 scroll.max_depth、scroll.max_depth_scroll_top、scroll.max_scroll_height 等摘要字段。性能上,SDK 通过 throttle(leading + trailing 模式)节流,每 100ms 最多采样一次;同时使用 ResizeObserver 监听 body 高度变化,覆盖懒加载和无限列表;View 结束时主动 cancel 尾调用,避免跨 View 串数据。整体开销可控,同时能真实反映内容可见性。

推荐文章

超过 2000+ 位开发者正在阅读

给 OpenClaw 加上企业级 Memory

给 OpenClaw 加上企业级 Memory

4646 阅读

阿里云 STAROps 全域智能运维平台发布!

阿里云 STAROps 全域智能运维平台发布!

3453 阅读

阿里云正式发布 RCA Benchmark

阿里云正式发布 RCA Benchmark

2716 阅读

推荐视频

UModel 最佳实践 Vol.1 UModel 数据建模全景解读

UModel 最佳实践 Vol.1 UModel 数据建模全景解读

3854 观看50:35
云监控2.0全景:可观测范式升级与智能运维蓝图

云监控2.0全景:可观测范式升级与智能运维蓝图

2532 观看41:06

推荐工具

精选可观测领域开发者工具

云监

云监控 2.0 沙箱体验

7483 使用

免费

免费网络拨测工具

2746 使用