点击target=_self的外部链接会导致INP指标不佳吗？是否需加动画？

1. 这种情况会影响INP指标吗？ #

会。INP（Interaction to Next Paint）核心是衡量用户交互到浏览器完成下一帧绘制的时间，聚焦当前页面内交互的即时响应性。

当用户点击target="_self"的外部链接时，浏览器启动页面导航流程，若网络极差导致导航耗时超10秒，当前页面主线程会被阻塞，无法处理后续交互也无法更新页面状态。此时这次点击的INP会被计算为从点击发生到浏览器无法再为当前页面绘制新帧的时长——如果期间没有任何视觉反馈，这个时长会被记录为异常高值，直接拉低整体INP指标（从你附上的截图也能看到这类超10秒的异常交互记录）。

2. 是否需要为所有target="_self"的外部链接添加点击动画？ #

不需要盲目给所有链接加复杂动画，但必须添加即时的视觉反馈：

• 最简单的方式是通过CSS给链接添加:active状态样式（比如改变背景色、文字色，或者添加边框效果），让用户点击瞬间就能看到反馈；
• 如果是重要的外部跳转链接，可以添加轻量的加载状态（比如点击后按钮变灰、显示小型加载图标），既告知用户操作已生效，也能让浏览器快速完成一次帧绘制，把INP控制在合理范围内。

这类反馈不需要复杂动画，核心是让浏览器在点击后100ms内完成一次帧更新，避免INP被记录为超长耗时。

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