💥 Angular Performance Tuning CRASH COURSE #angular

Просмотров 4,1 тыс.

% 223

This is an in-depth guide on how to improve the startup performance of your Angular application.
Related short form video - ru-vid.comj9LPij2X_XQ
ru-vid.comxXs1LvEubAg
We will dive into:
- how to generate a bundle size profile using the source-map-explorer package
- how to make your application fully lazy-loaded in an easy way by using standalone components
- how to loads parts of a template using the @defer feature
Related articles on the Angular University blog:
Angular Standalone Components: Complete Guide - blog.angular-university.io/angular-standalone-components/
Angular @defer: Complete Guide - blog.angular-university.io/angular-defer/
Timestamps:
0:00 Intro
1:00 Set up the source map explorer
6:35 Make your application fully Lazy-loaded
15:43 Partial template loading
21:00 Summary
Free content at the Angular University:
- 20% of our lessons are free, no login required to watch the lessons. The free lessons are the ones with the P (Pro) - angular-university.io
- Watch the free Angular For Beginners Course - angular-university.io/course/getting-started-with-angular2
Twitter - AngularUniv
Facebook - angular.university
RU-vid - ru-vid.com/show-UC3cEGKhg3OERn-ihVsJcb7A
Instagram - angular.university
LinkedIn - www.linkedin.com/company/angular-university
TikTok - www.tiktok.com/@angularuniversity
Threads - www.threads.net/@angular.university

Опубликовано:

13 янв 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 21

@AngularUniversity 5 месяцев назад

For more advanced Angular topics, check out the free lessons available on the Angular University website, no login needed to watch them 😊😉😁👍 - angular-university.io

@talidan9533 5 месяцев назад

I began my career as an Angular developer 3 years ago, and I can definitely say that from all Angular courses and tutorials available on any platform - yours are the most thorough, enriching, and educational, which really contribute to honing one's Angular skills! Thank you so much for the time and effort you put into this!

@AngularUniversity 5 месяцев назад

A huge thank you for sharing that, I'm happy to hear it. Please enjoy the courses 😊

@fabrikali13 5 месяцев назад

I subscribed and every time learn most usefull things about angular, Thank you vasco i want to support you also here :)

@AngularUniversity 5 месяцев назад

Thank you, it's awesome to hear that. Welcome to the channel 😊

@mikhailgostishchev1053 5 месяцев назад

Thanks a lot for your permanently great work.

@AngularUniversity 5 месяцев назад

Thank you, please enjoy the content on the channel😊

@matheusjordan6031 5 месяцев назад

Waiting 🎉

@AngularUniversity 5 месяцев назад

Welcome the channel Matheus 😊

@zetalivsanns5360 5 месяцев назад

Thanks you professor

@AngularUniversity 5 месяцев назад

I'm glad I could help 😊

@user-ro6wb5wu2r 3 месяца назад

I encountered a weird issue. In my monorepo project, one library's 1 component allocates huge space. Just one html file allocates 470KB of memory. What could be the reason of it, do you have any idea?

@AngularUniversity 3 месяца назад

Try to profile it using the Angular Dev Tools - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-tAfe33fVW4w.html Does it load a lot of data? There is a memory profile option on the Chrome dev tools as well.

@user-ro6wb5wu2r 3 месяца назад

@@AngularUniversityIt's actually just a button component which is widely used in the app.

@AngularUniversity 3 месяца назад

@@user-ro6wb5wu2r if you comment it out, the problem is gone? Do you have access to the code of the component? try to profile it with the Angular Dev Tools to see what you get.👍 Normally something like a button should not create memory issues, ho much data are you loading? Consider pagination or virtual scrolling to reduce the number of DOM elements as well. 👍

@omarabdelhameed1066 5 месяцев назад

Still waiting 🔥😄

@AngularUniversity 5 месяцев назад

It will be on ony 23 hours, I'll be here tomorrow during the premiere 😊

@zetalivsanns5360 5 месяцев назад

Can u make à vidéo about ngmodule please

@AngularUniversity 5 месяцев назад

Thank you for the suggestion, It's not recommended to use NgModule anymore and we should prefer standalone components, but I get that it's still needed for a lot of applications that were build with them and need to be maintained. Have a look at lessons on NgModules here - angular-university.io 👍