Angular perf tips and upgrade pills

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

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
100
82c8dbce9b531b588a6e920eddad857e?s=48 izifortune
0
120
82c8dbce9b531b588a6e920eddad857e?s=48 izifortune
1
92
82c8dbce9b531b588a6e920eddad857e?s=48 izifortune
0
130

Other Decks in Programming

See All in Programming
874fb6168eaee95c155b850a934de418?s=48 wtsnjp
0
350
27c093d0834208f4712faaaec38c2c5c?s=48 ramalho
0
130
7edddae207b212e5e035133d9eb10b82?s=48 russhwolf
1
170
0227f6274b8a6cce078d7f8a91460c41?s=48 eminetto
4
350
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
150
83722380372c00bd75ac920f2089f6aa?s=48 zacky1972
0
180
1fab9d01b25e99522f3dfd01e3d4cb51?s=48 soutaro
0
440
3931098ae486b6df619050c63e24f6cc?s=48 osyo
0
200
0fa1c2ed2eb4a18ddec3dd70cb1f72db?s=48 likr
2
250
42a6a049ac8f5265f31858a9509217fb?s=48 uhooi
0
140
C302e84057a922dce0ecbe80207e3fcc?s=48 mu_zaru
0
200
7c9b8b368924556d8642bdaed3ded1f5?s=48 danilop
1
230

Featured

See All Featured
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
241
21k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
203
35k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
176
14k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
346
20k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
216
16k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
155
6.3k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
26
1.8k
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
144
12k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
61
2.5k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
12
610
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
69
3.5k
78b475797a14c84799063c7cd073962f?s=48 holman
448
130k

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