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:
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.
- How do you improve Interaction to Next Paint (INP) for mobile button click?
- Poor INP when clicking on external link
- Web vitals onINP reporting elements that do not have any click functionality or handlers attached
- Load CSS based on network speed
- How are the Chrome User Experience Report origin values calculated
- Find the exact elements that causes INP issue in Core web vitals score for a website
- Is the web vitals js sdk/library sending reports to RUM in a delayed period?
- How do I check more details of a long task in my Web Devtools Performance panel?
- What do the values in the attribution object mean when analyzing element-level INP scores with Google's Web Vitals library?
- Module not found: Can't resolve 'next/web-vitals'
- Poor CLS score in page speed insight and Lighthouse
- Still receiving no First Input Delay (FID) or Interaction to Next Paint (INP) across website under Pagespeed Insights
- How can I prevent CLS with dynamic images of unknown height and aspect ratio?
- Till when is the core web vitals INP calculated?
- How do I avoid web vitals INP penalty if the button relies on external resources to work?
- Why am I not seeing Core Web Vitals data in the Synthetics - Browser Test Performance dashboard in Datadog?
- How to prevent browser built-in functions confirm/alert/prompt brings up high CLS and INP when updating screen after the function returns?
- LCP and Page Rendering Order
- How can I have a bad Time to First Byte on Core Web Vitals, but a good TTFB on all Pagespeed tests?
- How to collect Core Web Vitals for SPA Vue application
- What is the source of "Expect-CT" header in the requests?
- What does the "v3-1683361313937-9205711099327" mean in Web Vitals INP GA report?
- Will a pointer-event:none save "CLS" score in Core Web Vitals?
- What does navigationType : "reload" mean in Web Vitals INP report?
- Is it possible to get more details from the chrome web vitals extension?
- Why does Google PageSpeed Insights doesn't show the Core Web Vitals for all websites?
- How do I remedy the Pagespeed Insights message "pages served from this origin does not pass the Core Web Vitals assessment"?
- Field CLS report very good on GA but bad on Search Console. What should I do to fix it?
- How to simulate a bad First Input Delay (Web Core Vitals) score?
- How can I preload correct number of images based on screen size?