研究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监控找到当前项目中的实际性能问题。
- 希望通过一些手动操作解决问题，并计划在修复后报告进展。
➡️
