From the course: Angular Performance Optimization Techniques
Unlock this course with a free trial
Join today to access over 25,500 courses taught by industry experts.
Dependency analysis - Angular Tutorial
From the course: Angular Performance Optimization Techniques
Dependency analysis
- [Instructor] Now let's talk about dependencies. Dependencies are very important when it comes down to performance because dependencies can bring a lot of code that sometimes make things slower in your application. Basically pays the price for that in terms of performance. So we're going to use two different tools, madge and source-map-explorer to do a dependency analysis. So I'm adding to my terminal where I'm going to run this command, npx madge src/main.ts. That's the main entry point of our application. Then we point to the TypeScript config, tsconfig.json, and we specify that the output should be an image ./depths.png when you run that command madge is going to take a look at our app, create an image and output it. Note that in order to run madge you'll probably need a lot of dependencies installed and depending on your operating system, you might have to follow extra steps. The URL to download Graphviz for instance, which is a required dependencies for madge, can be found here.…
Contents
-
-
-
-
Lighthouse: Get feedback and action items to improve4m 7s
-
The Chrome dev tools profiler3m 30s
-
(Locked)
The Angular dev tools profiler3m 40s
-
(Locked)
Dependency analysis4m 12s
-
(Locked)
Build budgets3m 30s
-
(Locked)
Linting your code for common mistakes4m 19s
-
(Locked)
Performance tools recap3m 38s
-
-
-
-
-
-