HIGH-SPEED ANGULAR APPLICATIONS ON ANY DEVICE

Are you tired of performance bottlenecks holding back your Angular apps?

Want to create a lightning-fast user experience that keeps your users engaged? Look no further! Our intensive hands-on workshop is designed to help you master Angular performance optimization and refining your app's performance in every way.

You will gain a deep understanding of running performance tests effectively and utilizing performance metrics to optimize your Angular application.

Learn about Angular performance optimization with in-depth sessions on optimizing JavaScript code, native rendering performance, and much more. Get ready to supercharge your Angular applications with our engaging and interactive workshop!

πŸ—“οΈ Save the Dates: June 25, 2024


🏒 The Venue: Midas Palace Hotel


πŸ•’ Time: 9am - 5pm

Tickets

Don’t Miss a Thing!

Event map

Additional Information

Authors

Michael Hladky Google Developer Expert, Microsoft MVP, Nx Champion

Michael is a Google Developer Expert, Microsoft MVP, Nx Champion, trainer, and consultant with a focus on Angular and RxJS. For years he has been helping companies and developers to set up scalable architectures and performant processes enabling teams to keep up with state-of-the-art development.




Agenda

Understand the browser render pipeline

  1. Runtime performance of scripting, sendering, and painting
  2. Minimize the work the browser needs to do

(Core) Web Vitals

  1. What is the performance score?
  2. LCP, FID and CLS as well as all other important metrics
  3. How to measure and improve web vitals?

Tooling

  1. How to read, record and analyze flame charts
  2. Chrome & MS Edge DevTools
  3. Lighthouse

CSS and DOM performance best practices

  1. Forced reflow, layout thrashing
  2. CSS containment & content visibility
  3. Next generation CSS features
  4. ResizeObserver & IntersectionObserver

Change detection in-depth

  1. zone.js & NgZone
  2. Local change detection strategy
  3. Go step-by-step zone-less without a big bang refactoring
  4. Signals: master Angular's new reactive primitive

NgOptimizedImage

Server Side Rendering (SSR)

  1. Hydration
  2. Edge computing