What do the values in the attribution object mean when analyzing element-level INP scores with Google's Web Vitals library?
I am using Google's official Web Vitals JavaScript library to dig into element-level issues on some pages which have low INP scores. And thus, I am including the attribution build.
In the console, I got this:
Is there any official documents to explain the meaning of each value in the attribution object above?
Solution
The objects are detailed on the README page of the library: https://github.com/GoogleChrome/web-vitals?tab=readme-ov-file#inp-attribution
The eventEntry is the PerformanceEventTiming for the INP event and is documented on MDN:
https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEventTiming
- 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?