当我与next.js页面交互时，我经常发现在触发router.push和加载下一个页面之间存在明显的延迟。什么是最好的方法来获得一个准确的度量跟踪这个延迟？
路由器推送似乎做了真实的的工作，然后将页面导航到下一个视图。许多传统的Web指标-页面加载时间，最大的内容绘制，第一次输入延迟-似乎被这种行为有效地玩弄。由于已经完成的工作，从导航到加载的时间只是真实的挂钟所花费时间的一小部分。
这可能是一个更好的经验比扑通一个用户在一个缓慢加载的页面，但用户仍然经历了一个有形的延迟。有没有办法直接追踪这个？
1条答案
按热度按时间ikfrs5lh1#
你可以用网络生命体征这是next.js文档measuring-performance in next.js
你也可以读NextJS Core Web Vitals - measure the Core Web Vitals
我觉得你需要的是这个
js-route-change-to-render：路由更改后页开始呈现所需的时间长度（毫秒）