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
40

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
5
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
0
33
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
55
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
160
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
25
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
54
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
2
660
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
81
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
2
2.1k

Other Decks in Programming

See All in Programming
21e251d97f836f77e7dce83fcaf6daff?s=48 ryitto
3
720
E7151ab8219e76672f7a7691dd2c88e6?s=48 seike460
3
450
A3ff2968d61f14629ba14459d3abfd37?s=48 okimotoren
1
300
C598a4646a587f7a93fa088d6fd3ada4?s=48 unk2072
3
2.9k
53c93eb80b5958590b18205dc5fd3634?s=48 smdmts
0
130
032eb5910248d5ffd0e0ac3820c45583?s=48 gorilla0513
4
840
249b3122eee454c0a818bfe7851418e4?s=48 fromkk
1
320
1fc99b5c53469bd2a40de00649baa5fe?s=48 zizochan
0
130
C27317d1ebe4e4a01504acab9d87fe61?s=48 hellsquirrel
0
360
D497c45a1fb82c383c62ef994a7c0fdc?s=48 shunshobon
0
340
37618b4d60cf3d1f43f7196253264edc?s=48 numeroanddev
2
180
15bd11f2c2c5e3dd854153d03a102b0d?s=48 standfm
0
380

Featured

See All Featured
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
371
43k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
188
14k
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
147
12k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
18
980
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
56
9.4k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
267
17k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
192
17k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
20
4.7k
Ba530e786553390f3fb271848485681c?s=48 3n
163
22k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
233
18k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
73
1.5k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
63
9.9k

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