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
45

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
24
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
0
48
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
79
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
170
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
40
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
64
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
2
750
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
88
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
2
2.3k

Other Decks in Programming

See All in Programming
F247cc71d9e0bba9f60709c3ae48dd80?s=48 decoch
1
110
249b3122eee454c0a818bfe7851418e4?s=48 fromkk
0
870
0684ef0f8b92614508e0c323c3619462?s=48 fuwasegu
4
430
0c217b9a7dd0aa31ed40bd0f453727e1?s=48 ramsey
PRO
1
230
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
13
14k
646a01801bac1886ddf86aee2de913ed?s=48 miyukki
0
130
E8fae2ce31d2d3700bca68c464862bad?s=48 paru871
0
100
Ca17a082a30f4cbfed1d0a6dacbe3af2?s=48 shin1x1
PRO
2
1.1k
96466365a9bf7e66990f2b9ba547b02f?s=48 yumu19
1
680
5c588fdfe782f92fa6b081903edd82bb?s=48 hr01
2
10k
404a34d5e0d3d7b38237a8cbecf4c18a?s=48 seiseikai123
0
940
7eca3e06edc3c69004aaf57de51900c2?s=48 ajstarks
3
5.7k

Featured

See All Featured
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
100
5.8k
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
45
2.6k
864a009ac73600c7c02e1f26629dd989?s=48 paigeccino
7
580
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
10
790
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
277
17k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
73
4k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
178
8.3k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
75
3.8k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
17
1.3k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
236
990k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
27
1.3k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
289
47k

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