Questions tagged [web-vitals]

For questions related to any of the Web Vitals metrics: https://web.dev/vitals/

45 questions
1
vote
1 answer

Is it possible to get more details from the chrome web vitals extension?

Here is the screenshot. The extension is developed by Google Web Vitals officially. Is it possible to see which DOM element(s) caused my CLS score from zero to 0.140?
AGamePlayer
  • 7,404
  • 19
  • 62
  • 119
1
vote
1 answer

How to measure Speed Index using Navigation Timing Api?

I want to measure the speed index of a website using Navigation Timing Api but not understanding what all properties represent for the calculation of the speed index in the Navigation Timing API
ali
  • 492
  • 2
  • 7
  • 18
1
vote
1 answer

How do I avoid CLS (Cumulative Layout Shift) if I'm loading external content and the height is dynamically assigned?

I have a button to pull some data from backend. But the length of the data is uncertain and the time to load is also uncertain. This will generate high CLS penalty. Is there anyway to avoid this? var stHandler = 0; $('#render').click(function(){ …
AGamePlayer
  • 7,404
  • 19
  • 62
  • 119
1
vote
1 answer

Does a third party chrome extension affects a website's Cumulative Layout Shift (CLS)?

Let's say I have a website called "Example Website", and it has a bunch of paragraphs in it. Something like the image shown below Now assume that there is a chrome extension out there which injects some images inside my page. These images are…
1
vote
2 answers

URL redirected to index.html in pagespeed

When I submit my website (https://www.examplesite.com/) in pagespeed, it is automatically redirected to https://www.examplesite.com/public_html/index.html. What is the possible reason?
1
vote
1 answer

Webvitals Main-Thread Blocking Time

function init() { (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.async = true; js.src =…
Sheldon Cooper
  • 236
  • 4
  • 17
1
vote
1 answer

Different TTFB value on Chrome vs Web Vitals

I am noticing different TTBF values in Chrome network tab vs logged by WebVitals. Ideally it should be exactly same value, but sometimes seeing large difference as much as 2-3 seconds for certain scenarios. I am using Next.js and using…
Ravi Roshan
  • 1,177
  • 2
  • 11
  • 28
1
vote
2 answers

GA4 Receiving event name but no event value

I am trying to implement Web Vitals monitoring with GTM and GA4. To do this I am using custom GTM template created by Simo Ahava. LINK From what I see, I have done this implementation correctly - I can see the variables I need to be pushed to the…
1
vote
2 answers

GTM, Object Description Error? Only supported for ECMASCRIPT6 mode?

I'm trying to use GTM to send data from webVitals to google analytics. Using this package: https://github.com/GoogleChrome/web-vitals#load-web-vitals-from-a-cdn