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

Tools for fast Angular applications

82bafb0432ce4ccc9dcc26f94d5fe5bc?s=47 Minko Gechev
November 11, 2019
Programming
0
36

Tools for fast Angular applications

82bafb0432ce4ccc9dcc26f94d5fe5bc?s=128

Minko Gechev

November 11, 2019
Tweet

More Decks by Minko Gechev

See All by Minko Gechev
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
0
27
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
47
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
150
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
22
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
50
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
2
610
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
74
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
2
2k
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
230

Other Decks in Programming

See All in Programming
270b0c7883545117a9a618dc7ca7cc83?s=48 xrdnk
0
140
6734b737614a599f9b899f190e413d2d?s=48 deepflow
9
3.6k
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
240
4f349dbe1d48627445735f7e2c818c97?s=48 layzee
1
220
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
210
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
180
Bc7114ad3cf4d2d703dc71782e61ba43?s=48 alperhankendi
1
150
16040fb086040d7a04dd40478786a4ce?s=48 mizotake
2
330
8847086af047cbf895ab3277b59529fe?s=48 andpad
2
280
C5c09bfd9ee31f5aef8ce257643d50ea?s=48 takapy
0
190
465a530291aedb53fff5a6333e3dedaa?s=48 bk_18
2
240
Fd15b843f17ce72dcec6a1c658082f8c?s=48 tetsukick
0
180

Featured

See All Featured
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
302
31k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
52
4.2k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
6
720
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
656
54k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
54
1.9k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
408
58k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
21
930
78b475797a14c84799063c7cd073962f?s=48 holman
447
130k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
128
20k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
257
36k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
88
3.4k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
61
9.4k

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