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
75

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
13d64bff196e33cc6b352f226137d16e?s=48 monoqlo
0
230
27c093d0834208f4712faaaec38c2c5c?s=48 ramalho
3
580
4fd283672253efa184ec8f63fb1a8d02?s=48 hexarf
2
230
Fe1f65a4116d7d80691072061e0ad560?s=48 keiichiwatanabe
0
140
1a1d418bdf51cbf8fce1317f6c80a907?s=48 satoshi0212
3
280
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
250
028088964f255d677d471558da865b72?s=48 satoshin
2
160
8f84b7d8869ef6005d89b378e8661f7c?s=48 masuda220
0
110
A760a90c9afd981004343b9861f1e8b4?s=48 daipresents
0
220
9a805d1d3fb2ca4943cb240dee106d5a?s=48 kawakin
1
140
50443a0c666aa1020f2f757582e6e45c?s=48 suzukiot
0
190
D4b671ba3e441fa2aad85d7508ab67a2?s=48 treastrain
5
490

Featured

See All Featured
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
106
5.3k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
119
11k
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
240
23k
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
260
24k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
190
14k
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
654
120k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
633
49k
245cee81a9c424266e5e401d844ea881?s=48 lara
175
10k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
333
16k
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
482
150k

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