Reduce Load Time in Angular upto 6x! | Learn Angular

  Рет қаралды 9,563

TheAngularCoder || Gourav

TheAngularCoder || Gourav

Күн бұрын

There are many different techniques that can be used to reduce the load time in Angular. In this video, I talk about RAIL model's "Load Time" constraint, and how to improve it. I will also show code for reducing load time.
This video is a part of ongoing series where I discuss about boosting Angular performance in all different aspects.
Please like, share and subscribe for more content like this. You can follow me and directly ask questions on:
Groups and Pages:
Reddit Community: / theangularcoder
LinkedIn Group: / 13984152
Facebook Page: / theangularcoder
Discord Community: / discord
Personal:
Reddit: / gouravgunjan
Discord username: gouravgunjan#3168
Dev.to: dev.to/gourav_gunjan
LinkedIn Personal: / gouravgunjan
=== Chapters ===
00:00 - Intro
01:00 - Bundles
01:52 - Lazy Loading & Code Sample
09:31 - Fold Seperation
10:23 - Fonts
10:58 - Ivy Build
12:03 - Replicate to local
12:55 - Angular SSR
13:42 - Media Compression
14:18 - Differential Loading
15:19 - Conclusion

Пікірлер: 14
@harshitbadaya4996
@harshitbadaya4996 3 жыл бұрын
Great Info, Thanks for making this video, Very helpfulll👍👍👍👍
@GouravGunjan
@GouravGunjan 3 жыл бұрын
Welcome
@rajeshprabhu2800
@rajeshprabhu2800 3 жыл бұрын
Likd the initial entry, something diffferent. But bro, I would like to mention you one thing - it would be helpful if you can reduce the bg music volume and make your cam window a bit smaller in size (so that one who is trying to understand can view the complete content on the IDE while you explain). Nice work! :) Thanks.
@GouravGunjan
@GouravGunjan 3 жыл бұрын
Hi Rajesh, thanks for appreciation for humor. I see most of the coding videos lack it. About music, Sure I will reduce the music level even more. I have kept the music level at -30 db, only during fast forward time I increase it. And yeah... I will reduce the size of that too in future. Thanks for feedback!
@VK-sn3sn
@VK-sn3sn 4 ай бұрын
Please make more videos...There is no use if you are such a good talent and doesn't educate us. 🥺🙏
@drawwithraman3268
@drawwithraman3268 2 жыл бұрын
10:58 Tree shaking defination is wrong. Correct: If any module is not using, Ivy compiler will skip it during bundle.
@GouravGunjan
@GouravGunjan 2 жыл бұрын
Thank you. I might have misspoken that time! :)
@sreerammanepalli8662
@sreerammanepalli8662 2 жыл бұрын
Did you made any differential loading video please share it
@GouravGunjan
@GouravGunjan 2 жыл бұрын
Hi Sreeram, apologies, I haven’t made it yet. I will add this to list and will create video as soon as possible.
@SeySvK
@SeySvK 3 жыл бұрын
timestamps?
@GouravGunjan
@GouravGunjan 3 жыл бұрын
Let me add them in few hours. Thanks for feedback. Will try to add them from next videos
@GouravGunjan
@GouravGunjan 3 жыл бұрын
Hi @Sey I have added time stamps. Will be adding those in future.
@kanchanbhumij7830
@kanchanbhumij7830 3 жыл бұрын
@@GouravGunjan b
@VK-sn3sn
@VK-sn3sn 4 ай бұрын
Muje lagta hai agar aap Hindi me hi explain karoge to khul kar kar sakoge aur ache se hoga...aap ko English me explain karne me thodi dikkat aa rahi hai
Improving CSS Animations | Learn Angular
16:18
TheAngularCoder || Gourav
Рет қаралды 959
Change Detection, Immutability, OnPush Strategy in Angular (Tutorial)
16:54
TheAngularCoder || Gourav
Рет қаралды 8 М.
Amazing weight loss transformation !! 😱😱
00:24
Tibo InShape
Рет қаралды 63 МЛН
Little girl's dream of a giant teddy bear is about to come true #shorts
00:32
1,000 Diamonds! (Funny Minecraft Animation) #shorts #cartoon
00:31
toonz CRAFT
Рет қаралды 38 МЛН
Best Toilet Gadgets and #Hacks you must try!!💩💩
00:49
Poly Holy Yow
Рет қаралды 21 МЛН
RxJS tutorial in practical way (with pipe, map, filter, tap) 🔥
13:13
TheAngularCoder || Gourav
Рет қаралды 18 М.
Implement Micro Frontend in Angular - Explanation and Live Demo
19:46
TheAngularCoder || Gourav
Рет қаралды 43 М.
UI Interview experience with VmWare
9:23
TheAngularCoder || Gourav
Рет қаралды 2,8 М.
Angular Performance Tuning: From 0 to 100
57:46
Angular Meetup Zurich
Рет қаралды 17 М.
Profiling Angular Applications
19:33
Angular
Рет қаралды 47 М.
Advanced #Angular Patterns - ForRoot & ForChild (2021, Decoded)
32:03
Decoded Frontend
Рет қаралды 47 М.
Optimize the bundle size of an Angular application
13:23
Angular
Рет қаралды 54 М.
Amazing weight loss transformation !! 😱😱
00:24
Tibo InShape
Рет қаралды 63 МЛН