Performance Optimization | Core Web Vitals | React

Hey everyone, In this video we will be learning about performance optimization.

We will talk about the core web vitals like -
1. First Contentful Paint
2. Time to Interactive
3. Speed Index
4. Total Blocking Time
5. Largest Contentful Paint
6. Cumulative Layout Shift, and performance optimization tools like -
3. Lighthouse and,
4, Performance Insights

Do watch this video till end.
If this video was helpful, give it a thumbs up and subscribe to my channel for more such videos. 🔔

Other Video links (Shopping Cart)-

Part 1 -
Part 2 -
Part 3 -
Part 4 -
Part 5 -
Part 6 -
Part 7 -
Part 8 (Deploy to Firebase)-

#react #performance #optimization #firebase

[arihantjain]

No one would watch this video or appreciate it till they themselves are stuck with the performance, I have learned a lot, thanks Bhai!

[akashingole]

Thank you for watching 😊
Don't forget to like, share and subscribe 🙌
-AI

[vinitagarwal]

Great video Akash!
Additional things which can be done -
- Image lazy loading
- Using gzip/brotli compression, use broti instead.
- Multiple chunk load (already mentioned at the end)

[rlxgroot]

apki sari video dekhi he bhut sikha he please upload krte rehna

[shailendrakewat]

how to Reduce unused JavaScript code in react js please help

[nextmashglimpse]

Hi, I have made my website on WordPress and as u said in video, my performance is showing 57 and first contenful, largest contentful paint, and speed index is in red color, how to resolve help me

[deeptiacharya]

Thank you so much for the nicely explained video. Good Job Akash 👍

[DeepakVerma-xlwx]

Great Video, make more videos like this to improve performance of the app

[payalverma]

Thank you so much for the insights, It was helpful.

[deemscience]

Hey brother please help me to fix this mess : Hey there; I got this problem: Browser errors were logged to the console specifying [ syntax error : Unexpected token '<' ]

[sunilbalbantaray]

bhai, after signup/ login can we test the performance of that screen ? because after passing the logged in URL, it shows the report for login screen. please let know if any solution to test Logged in screen perf

[rlxgroot]

can't we use <script> tag with async or defer rather than settimeout?

btw great content please keep uploading this type of video

[harshsinha]

Thank you so much for the info, really loved it.

For authenticated pages I am unable to generate report on lighthouse in react. How can we achieve this ?

[akshaytari]

NIce Information.
How to handle 3rd party scripts like(Global site tag, Zoom-Info Code etc) without reducing page speed performance?

[naimarafat]

Please make a video for shopify speed optimization.

[jfkongphop]

did you have source code for following implementation

[optyeiu]

sir please a video on next js how can i improve performance in next js

[unnatijadhav]

Can you please make a video on tree shaking with create react app?

[avishetty]

audio level is too low and cant hear you

[amansaxena]

video ki performance kharab ho jati h ye kya tha bhai