集成web-vitals后INP报告出现无点击功能元素的原因咨询

为优化应用INP指标，我集成了web-vitals@3/dist/web-vitals.attribution.iife.js来收集字段数据，针对拖垮INP分数的交互做优化。但发现报告里大量被统计的元素（比如div/span/p）根本没有绑定点击功能或事件处理程序，导致优化效率极低。目前我收集的是交互发生时的attribution.eventTarget，代码如下：

function sendToAnalytics({name, value, rating, attribution}) {
  // 这里把 attribution.eventTarget 作为元素信息放入请求 payload
}

onINP(sendToAnalytics);

请问这种现象的原因是什么？

• 事件冒泡与委托机制：应用大概率使用了事件委托（将事件绑定在父元素或根元素上，而非直接绑定在触发交互的子元素）。当用户点击无事件绑定的子元素（如div/span/p）时，事件会冒泡到绑定了处理程序的父元素，此时eventTarget指向实际被点击的子元素，但真正执行逻辑的是父元素。web-vitals统计的是触发交互的目标元素，而非绑定事件的元素，因此会出现大量无直接事件的元素被记录。
• 浏览器默认交互行为：即使元素没有绑定自定义点击事件，某些操作（比如点击文本触发选中、点击可聚焦元素触发focus事件）属于浏览器的默认交互，这类交互也会被INP指标捕获。这类元素本身没有业务逻辑，但浏览器的默认处理过程会被统计为交互事件。
• 误触或无效交互：用户可能误点击页面上的无功能元素（比如纯文本段落、装饰性容器），这类点击虽然没有业务逻辑，但浏览器仍会记录该交互的处理过程（哪怕只是触发了事件冒泡但最终无逻辑执行），从而被INP统计进来。

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