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

⚛️ Learn Full Stack Development on codedamn: cdm.sh/fullstack
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
👉 Free HTML5 + CSS3 Course: cdm.sh/htmlcsscourse
👉 Free JavaScript Course: cdm.sh/jsbasicscourse
👉 Free ReactJS Course: cdm.sh/react
👉 Free NextS Course: cdm.sh/nextjsbasicscourse
💰 Refer codedamn to friends and earn $$: cdm.sh/refer
👉 Checkout codedamn on social:
Instagram: cdm.sh/ig
Twitter: cdm.sh/twt
Facebook: cdm.sh/fb
GitHub: cdm.sh/github
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.
📙 I am an author of 2 books, on JavaScript and React - cdm.sh/mehulbooks
🚀 Currently working on my own startup - codedamn.
Connect with me:
📸 Instagram: cdm.sh/mehulig
📱 Twitter: cdm.sh/mehultwitter
📝 LinkedIn: cdm.sh/mehullinkedin
📂 GitHub: cdm.sh/mehulgithub
🌎 Personal website: cdm.sh/mehulblog
💻 Start learning to code for free: cdm.sh/codedamn
🧑‍🤝‍🧑 Discord community: cdm.sh/discord
👉 HTML5 + CSS3 Tutorials: cdm.sh/htmlcssytplaylist
👉 Complete JavaScript Tutorial: cdm.sh/jstutorial
👉 Complete React Crash Course: cdm.sh/reacttutorial
👉 Next JS Tutorials: cdm.sh/nextjsytplaylist
🏷 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
👉 Check out my other personal KZbin channel (it is in Hindi/English mix) where I share coding tips, tricks, and hacks: cdm.sh/mehulyt

[@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.

[@lakshman587]

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!!!

[@SurajPokhrel]

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

[@gulshanaggarwal4577]

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. 👍

[@Sonu-tg6tg]

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!!

[@akhandpatel4873]

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

[@neelthakkar4492]

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😃😍

[@pradippatil6943]

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

[@KrishnenduKDG]

Great Video on the Topic which is not very much discussed but very very Important in the WebDev World.... Thank You so much :) :)

[@sudeepdeysarker9600]

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

[@aritraroy3493]

The insight about these affecting the SEO was great!

[@Raj-iz9uz]

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

[@asitprakash6445]

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

[@GamerSolitO]

Is FID affected even though I load JS once the page has loaded ?

[@nativeKar]

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

[@codedamn]

Hey! Congrats on Winning the codedamn T Shirt Giveaway. Please reply to this comment by mentioning your email for further communication. Or just go on your channel page and set an email address so that we can contact you that way. Or just reply here without using @ gmail . com.

[@jantu_dev]

We optimised our wordpress site for seo and it was loading in 1 sec so it's passed all core vital. Then we monetize with Adsense , now it's a mess. If we disable caching then LCP & FID comes into play, if we enable caching then CLS comes into play.

[@raptordev2235]

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

[@shaikmahammadali7753]

Valuable Information with good explanation

[@ashishchaturvedi3319]

Thanks a lot for such a valuable content everyday 💯

[@danninemx]

Web vitals were discussed today at my recruiter call.

[@codedamn]

How did it go?

[@dineshkotugoda5264]

good explanation.... Thank u

[@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.

[@Sandeep-zd6dq]

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 🔥🔥

[@nirjanpakhira8483]

damn!! code wearing that tshirt will ignites the flames even more!!

[@pvnsreedhar1869]

Thanks for nice content!

[@mohithguptakorangi1766]

See?? These are the rare things one should make videos on....not the most-common "best websites to learn js" and stuff...

[@mdshahbazali3055]

Always quality content ..

[@krishshanbhag3225]

great vid bro

[@ridl27]

ty

[@AkashSide]

Awesome video 😍

[@TechBoldy]

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

[@mohammedirfan-us6cf]

Please can you make a detail series on core web vitals

[@Avoid0]

Amazing video 😍

[@ronakagarwal9615]

Amazing ♥️

[@mridul2820]

can you make a video on how to improve web vitals?

[@soorajs577]

💗 every video is heart of love

[@melwin217]

Something new topic 😀

[@kaushalkumar6666]

1 2 3 4 Another GREAT video i feel but it can be more better.

[@minarulhoque354]

Yah it's helpful content 😊

[@jcabral6231]

great video

[@hindistories4312]

amazing video

[@DEV_XO]

Nice video.

[@lakshman587]

COMMENTED FOR T SHIRT GIVEAWAY!!!! :)

[@LearnEnglishEasilyfree]

Great but you no being a blogger we have to Use adsense code and that's a reason for poor core web vitals

[@KnowledgeUnknown]

🖤🖤🖤

[@gangavarapuvasu6817]

I would like to teach like you

[@maheshguptha9796]

Excellent information man short and to the point I am an aspiring full stack dev and this video is helpful

[@LearnEnglishEasilyfree]

Make video to come out of this

[@robertreimann1846]

Music doesn't fit your type of videos at all. I rather enjoy calm listening

[@ashishbairwa4466]

Background music is super annoying

[@shashikantkalshetty]

Thanks mehul for the great content

[@oosmfacts8171]

amazing video