研究INP问题 (#博客文章)
💡
原文英文，约600词，阅读约需3分钟。
📝
内容提要
最近我在做客户性能工作，发现Next.js项目的有机搜索排名下降。修复明显问题后，仍然需要解决INP问题。通过Web-vitals Chrome扩展的控制台记录功能，可以更好地测量和解决慢交互问题。
🎯
关键要点
- 最近在进行客户性能工作，发现Next.js项目的有机搜索排名下降。
- 修复明显问题后，仍需解决INP问题。
- 使用Web-vitals Chrome扩展的控制台记录功能可以更好地测量和解决慢交互问题。
- 许多需要改进的URL在5月变为良好，但良好的URL仍然占少数。
- INP指标是主要问题，网站使用了JS重的技术栈，包含许多库和大型水合数据块。
- Chrome扩展可以提供详细的性能指标，尤其是在处理慢交互时。
- web-vitals.js现在包含一个新的归因模块，可以记录交互的详细信息。
- 可以通过RUM监控找到当前项目中的实际性能问题。
- 希望通过一些手动操作解决问题，并计划在修复后报告进展。
❓
延伸问答
INP问题是什么？
INP是一个新的性能指标，主要用于衡量用户交互的响应时间，尤其是在使用重JavaScript技术栈的网站上。
如何使用Web-vitals Chrome扩展来解决慢交互问题？
可以通过Web-vitals Chrome扩展的控制台记录功能，实时测量和记录用户交互的性能指标，从而更好地解决慢交互问题。
为什么Next.js项目的有机搜索排名下降？
Next.js项目的有机搜索排名下降是因为INP问题影响了用户交互的响应时间，尽管修复了一些明显问题，但仍需解决INP。
如何监控当前项目中的性能问题？
可以通过RUM（真实用户监控）来监控当前项目中的实际性能问题，帮助识别性能瓶颈。
Web-vitals.js的新归因模块有什么作用？
Web-vitals.js的新归因模块可以记录交互的详细信息，包括交互的目标、类型和性能指标，帮助开发者分析性能问题。
修复INP问题后有什么计划？
修复INP问题后，计划报告进展，以便跟踪性能改善的效果。
➡️
