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 М.
КАК ДУМАЕТЕ КТО ВЫЙГРАЕТ😂
00:29
МЯТНАЯ ФАНТА
Рет қаралды 10 МЛН
Summer shower by Secret Vlog
00:17
Secret Vlog
Рет қаралды 13 МЛН
1,000 Diamonds! (Funny Minecraft Animation) #shorts #cartoon
00:31
toonz CRAFT
Рет қаралды 38 МЛН
How Many Balloons Does It Take To Fly?
00:18
MrBeast
Рет қаралды 201 МЛН
RxJS tutorial in practical way (with pipe, map, filter, tap) 🔥
13:13
TheAngularCoder || Gourav
Рет қаралды 18 М.
Grouping in mongodb
24:51
Hitesh Choudhary
Рет қаралды 25 М.
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 М.
Profiling Angular Applications
19:33
Angular
Рет қаралды 47 М.
Angular Performance Optimization using Pure Pipes (2020, Advanced)
13:00
Decoded Frontend
Рет қаралды 30 М.
RxJS Higher Level Observables (concatMap, mergeMap, switchMap)
10:32
TheAngularCoder || Gourav
Рет қаралды 2,6 М.
Optimize the bundle size of an Angular application
13:23
Angular
Рет қаралды 54 М.
КАК ДУМАЕТЕ КТО ВЫЙГРАЕТ😂
00:29
МЯТНАЯ ФАНТА
Рет қаралды 10 МЛН