Extension shows 'metrics unavailable' instead of metrics

[awareness481]

Describe the bug

Clicking on extension popup often shows 'Metrics unavailable while HUD appears to show correct values, See screenshow below

To Reproduce

I haven't been able to fully identify the steps to reproduce. I suspect however that it happens when either all values or the CLS value approach zero or are zero.

Expected behavior To show the metrics. As I understand, even if the values are low it should still show them?

Version:

• OS w/ version: (Xubuntu flavor) Distributor ID: Ubuntu Description: Ubuntu 20.04.1 LTS Release: 20.04 Codename: focal
• Browser w/ version Chrome 86.0.4240.183 (Official Build)

Additional context, screenshots, screencasts

[nunoperalta]

This is happening often to me too, especially when I do "ajax navigations" from one page to another (but that doesn't do a full page load)

[EdBoyd]

Yet to see anything other than "Metrics data unavailable." no matter which site i look at, including this page. Windows 10 User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36

[awareness481]

FWIW I'm not seeing this error anymore on version 0.4.2

Chrome: 87.0.4280.88

Could you check if the error still occurs after upgrading to 0.4.2?

[nunoperalta]

Might be fixed, yes. 👍

[awareness481]

I'm closing this issue as the error doesn't seem to appear anymore.

If your come accross this issue, please make sure you're on version >=0.4.2 and report back if it still occurs.

[dubbha]

It does occur to me on version 0.4.2 Chrome Version 88.0.4324.104 (Official Build) (64-bit)

I think I understand the use case now. When I load the page, I get LCP and CLS alright, and FID is waiting for input. I have a search input which updates the URL with the search query right away. After I start typing into the input, and it adds something like "?query=Q" to the current URL, the extension goes "Metrics data unavailable".

I tried other inputs that don't touch the URL, and they seem fine. Not sure if the use case above is considered illegal or something, but I didn't make it up.

P.S. Otherwise thanks for the great extension, nice and easy way to keep an eye on the main metrics.

[fgeierst]

I see the same error "Metrics data unavailable." on Edge 89, Win 10, Web Vitals extension 0.4.5

[JellyTitan]

I'm still seeing the issue as well in Extension 0.4.5, OSX Big Sur 11.2.3, Chrome 89.0.4389.90. It looks like there is a workaround though. You can right click on the icon, then, select 'options', then select 'Display HUD overlay` to see an overlay on every page load. Alternately, you can select 'Console logging' to see the output in Dev tools console.

[RunningCoderLee]

Anyone has this problem?

extension version: 1.0.0 OS: macOS big sur 11.2.3 Browser version: Microsoft Edge Version 91.0.864.54 (Official build) (arm64)

[aldarund]

Same, Web Vitals are unavailable for this page

vitals.js:286 Uncaught (in promise) TypeError: Failed to fetch dynamically imported module: chrome-extension://ahfhijdlegdabablpippeagghigmibma/node_modules/web-vitals/dist/web-vitals.js

chrome latest

[MaluNoPeleke]

This still happens with v1.0.2 and Chrome 100

[rviscomi]

@MaluNoPeleke are you seeing that on all pages? If only on specific pages, could you share their URLs?

[MaluNoPeleke]

Happens on every page

[rviscomi]

@MaluNoPeleke thanks for confirming. Does the popup look like the screenshot below?

(blank area with the message "Web Vitals are unavailable for this page")

One more thing. If you right click on the popup and select Inspect, do you see any error messages in the DevTools console?

("Storage empty for key 933747933: [object Object]")

[MaluNoPeleke]

Yes, the window looks exactly like this and shows the same error message:

[rviscomi]

Thanks for confirming. I can reproduce the error, but only on Google websites, by design.

Can you visit http://example.com/ just to verify that you get the error consistently on every page?

If that still doesn't work, the only other thing I can think of would be to uninstall and reinstall the extension.

[MaluNoPeleke]

Removing and installing it again solved the issue

[suyalcinkaya]

Reinstalling worked for me as well

[rviscomi]

Thanks for confirming. Closing this issue and recommending that anyone experiencing unavailable data reinstall the extension.

[duncanma-stripe]

Thanks for confirming. I can reproduce the error, but only on Google websites, by design.

@rviscomi What do you mean "by design", is there something certain sites are doing (or could do) that blocks this extension? Thanks for the info, not asking for a change, just trying to understand why I get that message on a specific site/page