question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Requests to /v1/vitals are blocked from web.dev lighthouse run

See original GitHub issue

Bug report

Describe the bug

When running lighthouse against a next.js site with analytics enabled, it seems like the request for sending web vitals metric are getting blocked. image

This is not a major issue, though I couldn’t find any issue mentioning this before, so I thought I would open one up.

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

  1. Go to https://web.dev
  2. Test a site with next.js 10 with analytics enabled, for example https://jackyef.com
  3. View the lighthouse report
  4. We should be seeing errors for “Browser errors were logged to the console”

Expected behavior

Analytics XHR requests shouldn’t be blocked.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:3
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

4reactions
zvictorcommented, Oct 10, 2021

I was annoyed with this error until I realised that it was just the ads blocker causing it… 🤦‍♀️ Note for future visitors: Check and disable any blocker before digging deeper into the issue.

main-b1c8e7387ef74001bb7e.js:1 POST https://vitals.vercel-insights.com/v1/vitals net::ERR_BLOCKED_BY_CLIENT
1reaction
trevor-ofarrellcommented, Jan 12, 2021

Any solution? This issue is bringing down my lighthouse best practice score.

Read more comments on GitHub >

github_iconTop Results From Across the Web

PWA Problems only in Lighthouse "Request was blocked by ...
The problem is that when I load the page normally everything works correctly, but when I try to run Lighthouse it hangs and...
Read more >
Core Web Vitals workflows with Google tools - web.dev
It presents a Lighthouse report along with pull requests, and tracks performance metrics over time. When to use Lighthouse #. Lighthouse is ...
Read more >
Total Blocking Time (TBT) - web.dev
This post introduces the Total Blocking Time (TBT) metric and ... way to measure TBT is to run a Lighthouse performance audit on...
Read more >
Performance monitoring with Lighthouse CI - web.dev
Running Lighthouse CI as part of continuous integration; Using a Lighthouse CI GitHub Action that runs and comments on every pull request ......
Read more >
What's New in Lighthouse 6.0 - web.dev
New metrics. Largest Contentful Paint (LCP); Cumulative Layout Shift (CLS); Total Blocking Time (TBT) · Performance score update. Shifts in ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found