Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Tools for fast Angular applications

Avatar for Minko Gechev Minko Gechev
November 11, 2019
Programming
0
140

Tools for fast Angular applications

Avatar for Minko Gechev

Minko Gechev

November 11, 2019
Tweet

More Decks by Minko Gechev

See All by Minko Gechev
Change the World With Open Source Software
Avatar for Minko Gechev mgechev
0
190
Fast Angular Apps from End to End
Avatar for Minko Gechev mgechev
1
190
The State of Angular
Avatar for Minko Gechev mgechev
1
200
The State of Angular
Avatar for Minko Gechev mgechev
1
370
Software Engineering as a Superpower
Avatar for Minko Gechev mgechev
1
200
Introduction to Angular
Avatar for Minko Gechev mgechev
1
210
Internals of the Angular CLI
Avatar for Minko Gechev mgechev
2
1.3k
The State of Angular
Avatar for Minko Gechev mgechev
1
210
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
Avatar for Minko Gechev mgechev
2
2.9k

Other Decks in Programming

See All in Programming
CEDEC2025 長期運営ゲームをあと10年続けるための0から始める自動テスト ~4000項目を50%自動化し、月1→毎日実行にした3年間~
Avatar for アカツキゲームス_Tech akatsukigames_tech
0
150
画像コンペでのベースラインモデルの育て方
Avatar for tattaka tattaka
3
1.9k
Constant integer division faster than compiler-generated code
Avatar for herumi herumi
2
690
学習を成果に繋げるための個人開発の考え方 〜 「学習のための個人開発」のすすめ / personal project for leaning
Avatar for panda_program panda_program
1
110
Jakarta EE Core Profile and Helidon - Speed, Simplicity, and AI Integration
Avatar for ivargrimstad ivargrimstad
0
190
デザインシステムが必須の時代に
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
2
110
AIエージェント開発、DevOps and LLMOps
Avatar for Kento.Yamada ymd65536
1
340
Laravel Boost 超入門
Avatar for Arlo fire_arlo
1
120
Oracle Database Technology Night 92 Database Connection control FAN-AC
Avatar for oracle4engineer oracle4engineer
PRO
1
200
Terraform やるなら公式スタイルガイドを読もう 〜重要項目 10選〜
Avatar for hiyanger hiyanger
13
3.2k
開発チーム・開発組織の設計改善スキルの向上
Avatar for 増田 亨 masuda220
PRO
13
7.7k
AIレビュアーをスケールさせるには / Scaling AI Reviewers
Avatar for technuma technuma
2
230

Featured

See All Featured
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
55
6.5k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
480
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k

Transcript

  1. None

  2. Tools for Fast Angular Applications Improving the time to interactive

    of your app Minko Gechev @mgechev

  3. Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading
  4. None
  5. None

  6. Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading

  7. Automatic code-splitting Angular CLI version 8.1 $ ng g module

    about --route about --module app

  8. Automatic code-splitting Angular CLI version 8.1 $ ng g module

    about --route about --module app module name

  9. Automatic code-splitting Angular CLI version 8.1 $ ng g module

    about --route about --module app lazy-route path

  10. Automatic code-splitting Angular CLI version 8.1 $ ng g module

    about --route about --module app parent module name
  11. None

  12. Generated a lazy-route • Defined an NgModule • Declared a

    lazy-route • Declared a default route • Defined a component
  13. None
  14. None

  15. Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading
  16. None

  17. ngx-quicklink • Detects links in the viewport • Waits until

    the browser is idle • Checks user’s connection • Prefetches the lazy modules
  18. None
  19. None
  20. None

  21. Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading
  22. None
  23. None

  24. • ng add a platform module • Run ng deploy

    Deployment via Angular CLI Introduced in CLI v8.3
  25. None

  26. Supported platforms for automatic deployments via the Angular CLI @angular/fire

    @azure/ng-deploy @zeit/ng-deploy angular-cli-ghpages @netlify-builder/deploy ngx-deploy-npm

  27. Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading

  28. Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading

  29. Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading

  30. Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading
  31. None

  32. Thank you! Minko Gechev @mgechev