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
42

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
15
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
0
38
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
64
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
160
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
27
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
60
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
2
700
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
84
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
2
2.3k

Other Decks in Programming

See All in Programming
F301c0275838d562c72ea9177e7ddc68?s=48 fkino
1
130
A2cd163fd3cfca5204b0d8f0c17eea29?s=48 yujif
2
350
50443a0c666aa1020f2f757582e6e45c?s=48 suzukiot
0
170
D4b671ba3e441fa2aad85d7508ab67a2?s=48 treastrain
5
440
Eae7b6aeee72d3081b01d09a2d675f9a?s=48 akkeylab
5
910
E586b46d5b09f8109beb66bb146e4f20?s=48 tamappe
2
170
042b7c0e45c53de46667f07de2fb2614?s=48 vixentael
0
400
9e68acadfe81c2634fae5b8c891f6814?s=48 tamaudon
1
190
Ff0453fcbf27a84de92b9cc1f2aed9af?s=48 koike91
1
250
9bcd328daf60fe29dc9970f6cfc26730?s=48 kesin11
7
1.2k
13d64bff196e33cc6b352f226137d16e?s=48 monoqlo
0
220
Bf04d1ee6fa2216133b23af8f609c70a?s=48 gatchan0807
0
270

Featured

See All Featured
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
224
15k
79acae287842acf29084005533a7fb3b?s=48 hursman
111
9.5k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
778
200k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
55
4.7k
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
504
37k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
122
8.2k
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
122
5.1k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
110
11k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
287
47k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
372
43k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
209
7.1k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
277
17k

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