Web vitals board is empty, even if vitals seems to be registered in metrics

[pawelgalazka]

Web vitals board is empty, even if vitals seems to be registered in metrics

[edwardgou-sentry]

@edwardgou-sentry I took a quick look at the linked sentry project and found multiple pageload transactions with reported web vitals. Any chance that there's a problem with the Web Vitals module?

@Lms24 Took a peek into the linked project, it looks like there are some pageload transactions, but none of them seem to have any cls, which is required to calculate performance score. I'll avoid posting screenshots since its a customer account, but you can filter by has:measurements.cls to verify this.

@pawelgalazka It might be worth updating your sdk to the latest 7.. version to see if that helps. There could be an improvement for cls capture rate in the newer versions.

[Lms24]

@vvvhung

I'm using "@sentry/tracing": "^7.114.0" and "@sentry/vue": "^8.2.1".

You don't need to use @sentry/tracing at all anymore. Just use @sentry/vue as described here. Also, all @sentry/* SDK packages have to be aligned on the same version.

[vvvhung]

@Lms24 thanks, you are correct, I removed @sentry/tracing and the Web Vitals Page now looks ok.

[edwardgou-sentry]

Hi @pawelgalazka , thanks for reporting!

Pageload Web Vitals only show up if your pageload samples have a sufficient amount of data.
For example, if you are on a Chrome browser, your pageload must report at least LCP, FCP, and TTFB to be considered good enough data quality to be scored.

You can find the list of required Web Vitals by Browser here:
https://docs.sentry.io/product/performance/web-vitals/web-vitals-concepts/#browser-support

It looks like you have some LCP metrics reported, but it's possible you may be missing other web vitals.
Can you check if you have any single pageload samples containing LCP, FCP, and TTFB together? (You should be able to check this through discover or metrics)

[pawelgalazka]

Thanks @edwardgou-sentry

Makes sense 👍🏻 I suspected that could be the case, however I couldn't find anything in the docs about it. I was checking https://docs.sentry.io/platforms/javascript/guides/remix/performance/

It could be worth making this case more explicit in the docs.

[Lms24]

@edwardgou-sentry I took a quick look at the linked sentry project and found multiple pageload transactions with reported web vitals. Any chance that there's a problem with the Web Vitals module?

[vvvhung]

In my case, the Web Vitals Page has only INP score and it shows no data for LCP, FCP, CLS, TTFB. It shows only<< unparameterized >> in the list of page there. But I can find Web Vital for the path / from the Performance -> Frontend tab-> Transaction table. I'm using "@sentry/tracing": "^7.114.0" and "@sentry/vue": "^8.2.1".