GoogleChrome / web-vitals

Essential metrics for a healthy site.
https://web.dev/vitals
Apache License 2.0
7.47k stars 410 forks source link

Speculation rules can impact on increase values for INP ? #499

Closed rashaReshana closed 1 week ago

rashaReshana commented 2 months ago

Can someone please confirm that I have my CWV events set up correctly? or if Speculation rules can impact on increase values for INP ?

After I added the script in GTM to track my website performance and also added some speculation rules for only 4 pages that get a lot of traffic (based on GA4 page path exploration report to identify user behavior), I have had this code and the rules on my website for only one month now. When I compare the values for INP before and after adding the web vitals script and speculation rules to the website from the PageSpeed Insights field data report, I see the INP value increased from 593 to 744 on mobile, and also increased on desktop. So I'm not sure if the script or the speculation rules have anything to do with that, or if the data from PageSpeed Insights is not updated. Because if the PageSpeed data is based on CrUX, I don't see the data for June yet in the CrUX report. So I'm not sure if the PageSpeed data is from the previous month (May) or if adding the script and the speculation API rules will even affect the INP value. In my speculation rules, I only preload and prefetch 3 other pages, and that helped navigation between those pages take less time.

If someone can help give me some insight, I would appreciate it!

web-vital Rules after-01 before-01

tunetheweb commented 1 week ago

If I can summarise, you have added the web-vitals.js to your page for the first time and also added speculation rules, and have potentially seen a negative impact on INP? Is that correct?

If so, that's a little vague for us to investigate further and you'd need to narrow down whether this increase was due to 1) the addition of web-vitals.js, 2) the addition of speculation rules, 3) unrelated changes in your traffic or site, or 4) a combination of all of these.

We're of course very mindful of performance for this library so are not aware of it causing large increases in INP like this. It is also fully supportive of speculation rules.

Speculation Rules can cause more work to be done. You have not specified an eagerness level so that means all 3 pages will prerender and prefetch immediately as you are using list rules. It also appears you are prerendering AND prefetching the same content which seems unnecessary.

But ultimately you need to investigate this issue more on your side. So closing this issue for now. Can reopen if you discover issues with the web-vitals library.