Stack Overflow
Stack Overflow

Questions tagged [web-vitals]

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

45 questions
0
votes
1 answer

Deferred script is still render blocking according to webpagetest

I am using webpack to build the assets in production. The split chunking feature allows us to break big scripts into chunks. However the problem is that even though the scripts are deferred, webpagetest still shows they are render blocking: The…
Rabin Poudyal
  • 717
  • 6
  • 20
0
votes
1 answer

CSS Tooltip harmful for Largest Contentful Paint, how to resolve?

We are using CSS Tooltips, that get visible when the user hovers an element, like in this example: https://www.w3schools.com/css/css_tooltip.asp We found out recently, that this does harm WebVitals Largest Contentful Paint Measurements, if the…
bluegaspode
  • 108
  • 6
0
votes
0 answers

Performance - "First paint" vs "First Contentful Paint"

In Chrome devTools performance tab, on the profiling result page both "FP" and "FCP" are appearing in the timeline. What is the difference between these two?
Emad Emami
  • 6,089
  • 3
  • 28
  • 38
0
votes
0 answers

Website Vitals: Oops! Something went wrong

Hello I am testing my website and I have an score of about 80-90/100 if I look it with Chrome Lighthouse Extension. But in web.dev/measure and https://pagespeed.web.dev The report returns an error. There is no error in console and there is no…
Marcos Aguayo
  • 6,840
  • 8
  • 28
  • 61
0
votes
1 answer

How to know when React component is ready for interaction

Just curious what can be done to measure TTI (web vital) for a React app. As we are only interested for specific component TTI, so lighthouse won't be able to help here.
Mohit Verma
  • 1,620
  • 2
  • 20
  • 30
0
votes
0 answers

Why the TBT is "Unavailable" in ChromeDev Tools?

The TBT might be "Unavailable" in ChromeDev Tools. Why is that? Is that because the TTI cannot be calculated accurately? I guess maybe the recording from the performance timeline does not provide enough information to find out there is a…
Cythilya
  • 99
  • 1
  • 9
0
votes
1 answer

New way of measuring Cumulative Layout Shift

Google has launched a new way of measuring Cumulative Layout Shift (CLS). But somehow I am not able to understand the new definition from the articles on web.dev and https://web.dev/evolving-cls/. Could anyone help me understand this in simple…
Debjit Sinha
  • 103
  • 1
  • 7
0
votes
4 answers

How do I understand if my web app has a good performance?

I am using reportwebvitals in react to gather performance-related data. I see values such as: {name: "LCP", value: 865.895, delta: 865.895, entries: Array(1), id: "v1-1619568902884-5783450530819"} {name: "FID", value: 3.389999968931079, delta:…
Orion
  • 25
  • 5
0
votes
2 answers

Lighthouse detecting invisible layout shifts ? (incredibly high CLS)

I'm optimizing the speed of a WordPress website (on mobile only for the moment), with success except for CLS. The CLS became extremely high after optimizing CSS delivery (with WP-Rocket), but I don't see any layout shifts, even when I use Dev Tools…
P. J
  • 1
  • 2
0
votes
2 answers

Will chunk/bundle optimisations help on my website if first Input delay(FID) is already less?

According to core web vitals there are only 3 core vitals for measuring the user experience of any website LCP(Largest contentful paint), FID(First input delay) and CLS(Cumulative Layout shift). According to Pagespeedinsights or CRUX dashboard, FID…
Aman Jagga
  • 301
  • 5
  • 15
0
votes
1 answer

Enabling web vitals measurement tools in restricted staging environments

I want to able to use https://web.dev/measure/ on our staging environments but unfortunately, our staging environments are heavily restricted only allowing certain IPs to access it. My Question is. Is it possible to whitelist…
Jonathan Dsouza
  • 568
  • 1
  • 5
  • 17
-1
votes
1 answer

What does the "v3-1683361313937-9205711099327" mean in Web Vitals INP GA report?

My web page has a very poor field INP score, but I can't reproduce the poor INP via web vitals extension or devtools on my own. So the best attempt is to use web vitals JS SDK to collect real user data and send the data to GA. However, when I…
AGamePlayer
  • 7,404
  • 19
  • 62
  • 119
-1
votes
1 answer

Will a pointer-event:none save "CLS" score in Core Web Vitals?

I have a page with high CLS scores, due to some dynamically loaded content. The UI/UX is good and no users ever complained about it, but the lower part of the page contains consumes a lot of room. Will a pointer-event:none on the lower DOM elements…
AGamePlayer
  • 7,404
  • 19
  • 62
  • 119
-1
votes
1 answer

Which metric of web performance is more effective for SPA - platform?

I have a plan about measuring our platform(SPA)'s performance and tracking a metric result everyday. There are two metric that I can measure. domcontentloaded load Which one is more effective for SPA platform? // notes (I already knew there are…
Good Tester
  • 41
  • 5
-1
votes
1 answer

How to remove unused CSS/JS and Improve server response time for WordPress website?

I've optimized my WordPress site performance and also checked its performance using web.dev But still, have the following issues that I couldn't solve: Remove unused CSS Remove unused JS Initial server response time was short How can I Solve this…
Sohel
  • 1
  • 2
1 2
3