Angular Performance Workshop

Learn how to write fast Angular solutions

Boost your application performance!

Remote or On-Site
2 days
Basic Anguar Knowledge
Labs, Live-Coding
Also available as a company workshop
Public Workshop
  • Duration: 2 days
  • Next Date: TBA
  • Group discount available
Company-Workshop
  • Individually scheduled
  • In-house or remote
  • Discount for groups >8 participants

Angular Performance

According to Google, 40% of visitors will abandon a website if it takes longer than 3 seconds to load, and according to Amazon, 0.1s less loading time results in around 1% more sales. Loading time is also crucial for Angular apps. In this new workshop you will learn that in most cases poor performance is not due to the Angular framework itself, but to small but serious errors in implementation.

At the beginning we deal with an audit framework for a structured approach to measuring performance and the various audit tools that support us in optimization. These are the same tools that the trainer uses when advising customers on the subject. The second part deals with the topic of the initial loading of the app. The most important initial load problems are discussed and the respective solutions are presented. In the third and last part, the runtime performance is being optimized. Runtime problems often only occur in productive operation, because the data and complexity are usually not reduced compared to development. Again, the typical problems and the associated solutions are worked out.

There is an exercise for each of the three main blocks, which will be used to consolidate and deepen the topics in practice. If there is not enough time, problems in real projects can be analyzed together and suggestions for improvement discussed in the last unit.

Impressions

Impressions

Selected satisfied customers

The Agenda at a Glance!

Part 1: Professional Performance Audit & Tools

  • Performance Audit Framework
  • Performance Audit Tools
  • Google PageSpeed & Google Chrome Lighthouse
  • WebPageTest & Perfume.js
  • Google Chrome DevTools & Angular DevTools
  • Source Map Explorer & Webpack Bundle Analyzer
  • Import Graph Visualizer

Part 2: Angular Initial Load Performance Optimization

  • Web Performance Best Practices
  • NgOptimizedImage Directive
  • Build Optimization & Tree Shaking
  • 3rd party libs / CSS frameworks
  • Lazy Loading Techniques
  • Server Side Rendering
  • Caching Best Practices

Part 3: Angular Runtime Performance Optimization

  • Angular ChangeDetection Optimization
  • ChangeDetectorRef Usage
  • Angular Templates: Pipes, Flags
  • Virtual Scrolling & ngFor-trackBy
  • API Communication Best Practices

Bonus

  • Angular Resolver & Alternatives
  • Smart vs Dumb Components
  • RxJS & State Management (NgRx)
  • Web Workers & Service Workers
  • Scheduling

Public Workshops

All of our seminars are always available remotely or in-house. Contact us to make an appointment

No post was found with your current grid settings. You should verify if you have posts inside the current selected post type(s) and if the meta key filter is not too much restrictive.

More public dates

2023 10. 07 -
13. 07
13:00 - 17:30 (CET)
Group DiscountEarly Bird until 25.06.2023

Angular Architecture Workshop

8:00 am - 12:30 pm Eastern Time = 2:00 pm - 6:30 pm CET

English

2023 21. 08 -
22. 08
09:00 - 16:30 (CET)
Group DiscountEarly Bird Discount until 23.07.2023

Playwright Workshop

2023 23. 08 -
25. 08
14:00 - 18:30
Group DiscountEarly Bird Discount until 23.07.2023

Cypress Workshop

8:00 am - 12:30 pm Eastern Time = 2:00 pm - 6:30 pm CET
2023 28. 08 -
28. 08
09:00 - 16:30 (CET)
Group DiscountEarly Bird Discount until 23.07.2023

Advanced TypeScript

2023 05. 09 -
07. 09
09:00 - 16:30 (CET)
GruppenrabattEarly Bird until 20.08.2023

Modern Spring-Backends for Angular

2023 25. 09 -
26. 09
09:00 - 17:00 (CET)
Group DiscountEarly Bird until 10.09.2023

Angular Security with Dr De Ryck

Manfred Steyer is a Google Developer Expert (GDE) for Angular and Tursted Collaborator in the Angular team. Together with his team, he looks after customers in the entire German language area. The focus is on business and industrial applications based on Angular.

Only One Step Away!

Send us your inquery today - we help you with pleasure!

Jetzt anfragen!