Perceived faster Angular applications

on YouTube ↗33m

" summary

Explains concrete steps to make Angular feel faster: put static shimmer skeletons and critical CSS in index.html so users never stare at a blank screen; avoid blocking runtime config by using deploy-time placeholders or move loading into a setTimeout; don’t return a Promise from APP_INITIALIZER unless truly required because it blocks bootstrap; prefer CSS animations (opacity/scale/transform) for instant 300 ms feedback; use optimistic updates and parallel backend calls (example: payment methods return in ~500 ms while details take ~5 s) to mask slow services.

AI-written summary · about

" chapters (11)

1. 0:00Introduction and speaker
2. 2:47Human perception of speed
3. 5:15Why choose Angular
4. 7:20Measuring performance
5. 10:55Bootstrapping process
6. 13:06Loading indicators
7. 16:41Avoiding runtime config
8. 21:39Deploy-time configuration
9. 23:24App initializer interface
10. 25:31Runtime performance tips
11. 31:51Summary and conclusion

" related talks

• 31mAngular Performance: Your App at the Speed of LightChristian Liebel · NG-DE Conference 2019
• 34mHigh-Performance Applications with AngularNir Kaufman · Ng-Poland 2017
• 42mLazy, but Fast: How Taking It Slow Can Speed Up Your App!Jaroslaw Zolnowski · DevDays || DevOps Pro || CyberWiseCon Europe 2025
• 28mAccelerating AngularSimona Cotin · JSDayIE 2023
• 20mTools for Fast Angular ApplicationsMinko Gechev · ng-conf 2019
• 20mThrough the Sound Barrier: High-Performance Apps with AngularManfred Steyer · ng-europe 2018
• 31mOptimized Angular apps: smaller, faster, betterMaxim Salnikov · Amsterdam JSNation Conference 2018
• 31mMobile-friendly web apps with AngularOleksandr Tryshchenko · GDG DevFest Poland 2018 in Wrocław