Core Web Vitals Explained for JavaScript Developers | Google Core Web Vitals

Core Web Vitals are Google's new web performance metrics.
LCP : Largest Contentful Paint
FID : First Input Delay
CLS : Cumulative Layout Shift

Largest Contentful Paint (LCP)
Measures the charging power. For a good user experience, LCP should occur within 2.5 seconds of the page starting to load for the first time.

First input delay (FID)
Measures interactivity. For ease of use, the pages should have an FID of less than 100 milliseconds.

Cumulative Layout Shift (CLS)
Measures visual stability. For ease of use, the pages should have a CLS of less than 0.1.

Timestamps
0:00 Teaser
0:13 Video Starts
0:36 Giveaway Alert!
0:56 Google Web Vitals
2:18 #1 Cumulative Layout Shift
3:11 #2 Largest Contentful Paint
4:33 #3 First Input Delay
7:23 Conclusion
8:29 Outro

👉 Checkout codedamn on social:

If you found the video valuable, please leave a like and subscribe ❤️ It helps the channel grow and helps me pumping out more such content.

👋 About Me:
Hey! I'm Mehul Mohan, a CSE'21 graduate from BITS Pilani, Goa. I started coding early in life, at the age of 13 when I created my first blog on Blogger. I am listed in Google, Microsoft, Sony, eSet, etc. Hall of Fame for reporting vulnerabilities in their systems.

🍎 I am Apple's WWDC'19 Scholar - visited San Francisco and attended WWDC.

🚀 Currently working on my own startup - codedamn.

Connect with me:

🏷 Video Tags:
Core Web Vitals Explained for JavaScript Developers
Google Core Web Vitals
Optimise for Core Web Vitals
Google Chrome Developers
core web vitals google search console
core web vitals error fix
core web vitals in search console
google search console
frontend web development
full stack web development
google search console for beginners

[joshua_v_thomas]

Both codedamn youtube channel and the website gives me hope that one day I'll be an awesome web developer . Thank you from the bottom of my heart and I clearly understand whatever you teach much higher than the millions of videos present out there.

[neelthakkar]

It always amazes me how you come up with such really interesting topics + you also do a great research in just one day. Really admire your hardwork😃😍

[SurajPokhrel]

Eat, sleep, codedamn, repeat.. This is really what i'm doing these days. Thanks For these Amazing Videos. Really appriciate your hardwork.

[lakshman]

Many times I faced that CLS issue. But I was not knowing that it was called as CLS.
Thanks a lot for the video!!
You are really Awesome!!!

[gulshanaggarwal]

I have gone through many times to check page speed but never gave a attention towards these things or ignored but yeah once again my interest boosted up in term of performance. 👍

[akhandpatel]

I must say I love these short informative videos and the frequency of them.

[Sonu-tgtg]

Thank you so much for this, your videos are really awesome with great video quality and content too.
With help of your videos now I am able to build web projects.
Thanks a lot!!

[KrishnenduKDG]

Great Video on the Topic which is not very much discussed but very very Important in the WebDev World....

Thank You so much :) :)

[pradippatil]

Best explanation I came across on YouTube on this topic. Thanks 👍

[sudeepdeysarker]

Really great info!! It's necessary to focus on these aspects too for good website performance

[Sandeep-zddq]

I can surely say that this is called unique and the best content. Really doesn’t know anything about web vitals but now it’s super clear 🔥🔥

[aritraroy]

The insight about these affecting the SEO was great!

[Raj-izuz]

Didn't even heard this tech before this video.. thanks sir for bringing such information.. 😊🙏🏻

[shaikmahammadali]

Valuable Information with good explanation

[nativeKar]

The video I've been dying for someone to make! Thanks, Mehul.

[danninemx]

Web vitals were discussed today at my recruiter call.

[asitprakash]

Didn't knew about this before, thanks for sharing..

[raptordev]

Your content always puts a smile on my face :-) Thank you codedamn

[citizensky]

Great content but would help if you wrote a little clearer, some of it looks like Scribble when you are explaining lol. Keep up the good work.

[TechBoldy]

I will not tell lie to you. I am commenting in your videos just to get codedamn tshirt 😅👍