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

Angular perf tips and upgrade pills

82c8dbce9b531b588a6e920eddad857e?s=47 Fabrizio Fortunato
May 12, 2016
Programming
1
74

Angular perf tips and upgrade pills

82c8dbce9b531b588a6e920eddad857e?s=128

Fabrizio Fortunato

May 12, 2016
Tweet

More Decks by Fabrizio Fortunato

See All by Fabrizio Fortunato
82c8dbce9b531b588a6e920eddad857e?s=48 izifortune
1
120
82c8dbce9b531b588a6e920eddad857e?s=48 izifortune
0
120
82c8dbce9b531b588a6e920eddad857e?s=48 izifortune
1
95
82c8dbce9b531b588a6e920eddad857e?s=48 izifortune
0
150

Other Decks in Programming

See All in Programming
07fe43bbec550b3230b3a7f9a81de7cc?s=48 nishigori
2
1.5k
36751965e79dca4618cccc3c08efc912?s=48 leichteckig
0
150
F8fc4ec35531ef9a285c1a84591cc16c?s=48 tosaka07
0
370
De266761b955b2636e454a1bc7a99ed4?s=48 masayaaoyama
1
430
Fd8ec708dd64775183ba0ad57a5efb28?s=48 yuta25
1
170
F5ad19f79685973f5e93124e55ef4d15?s=48 kumasan3
0
260
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
190
21d5f61fba6b2d522dadc5888d403a21?s=48 fujisawaryohei
0
130
1d5ca7d8f17f15de4272e1ec7ef7abac?s=48 watilde
0
810
636420dfa4bd120435447924327530f0?s=48 nichimu
0
130
D83b3739651001461f48763639b90b50?s=48 mazipan
0
140
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
PRO
2
1.6k

Featured

See All Featured
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
8
880
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
631
48k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
222
47k
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
612
55k
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
238
23k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
347
20k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
109
11k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
217
16k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
219
120k
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
55
3.6k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
116
10k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
8
970

Transcript

  1. PERF TIPS AND UPGRADE PILLS FABRIZIO FORTUNATO

  2. ABOUT ME @izifortune

  3. Smashing magazine 6/09/15

  4. Webpagetest 15/05/16

  5. PERFORMANCE TIPS UPGRADE PILLS • Core tools • ocLazyLoad •

    Strategies • Preparation

  6. CORE TOOLS

  7. ONE TIME BINDING TEMPLATE DATA WILL CHANGE? HIGH NUMBER OF

    WATCHERS? One-time expressions will stop recalculating once they are stable, which happens after the first digest…

  8. ONE TIME BINDING - 2 2,381 332

  9. ONE TIME BINDING - 3

  10. ONE TIME BINDING - 4

  11. TRACK BY

  12. FILTERS FILTERS RUN 2 TIMES PER $DIGEST

  13. ANIMATE

  14. ANIMATE - 2 ENABLED ON SPECIFIC ELEMENTS

  15. GLOBAL OPTIONS REMOVE ALL DEBUG INFORMATION

  16. GLOBAL OPTIONS - 2 LOWER $APPLY ON HTTP

  17. ANGULAR 1.5 COMPARISON ng-conf LAZY NG-IF CREDITS Enhancing performance without

    steroids - Zackary Chapple

  18. ANGULAR 1.5 - 2 LAZY NG-IF TRANSCLUSION SLOT

  19. LAZY LOAD

  20. OCLAZYLOAD https://oclazyload.readme.io/

  21. OCLAZYLOAD - 2

  22. OCLAZYLOAD - 3

  23. OCLAZYLOAD - 4

  24. UPGRADE

  25. COMPONENT

  26. UPGRADE NG-FORWARD NG-UPGRADE PREPARE

  27. FOLLOW @RyanairLabs https://angular.io https://toddmotto.com

  28. THANK YOU