Search code examples
core-web-vitalsweb-vitalsinteraction-to-next-paint

What does navigationType : "reload" mean in Web Vitals INP report?


I am using the official Web Vitals Chrome Extension. And I'm tracking the INP metrics for my web page. And saw this:

enter image description here

What does this mean? Is there any place to view the whole documents about the console output?


Solution

  • The navigation type is determined by the Navigation Timing API.

    MDN also has a good explanation of the values:

    "reload"

    Navigation is through the browser's reload operation, location.reload() or a Refresh pragma directive like <meta http-equiv="refresh" content="300">.

    The Web Vitals extension is based on the web-vitals.js library, whose README documents the entire object you see in the console.