Angular perf tips and upgrade pills

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

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

Other Decks in Programming

See All in Programming
A94b345fdc251ea9526e4709b5384b59?s=48 tsuyosh
0
190
88493e31e8ac7540094d35f7cda46c8a?s=48 lnit
8
3k
Db8efd836c9a09b71e3d8e1c60d6ea84?s=48 colinfay
0
130
0b26590a0a8b0f1da140ed5de9b68379?s=48 usamik26
0
110
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
0
910
822cde5b176ef140171a27f8294c2bd8?s=48 andycraig
0
540
Aae878e0b108379a60ca627ee262befa?s=48 susanpotter
0
130
41a66760b3483d518d9e48a7da37f91b?s=48 shibadog1121
8
1.5k
Fc96157614ee73039c4a575906167979?s=48 fukumura
0
250
Af64bc38c0ffcfcabdf430759ee491ce?s=48 lovee
2
180
1b863be3048c82d20ea84abcce33dc36?s=48 schktjm
0
150
252e6c31a6452aa80deb9ad0107975c7?s=48 attakei
0
110

Featured

See All Featured
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
350k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
17
1.2k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
121
20k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
144
6.4k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
330
29k
24fc194843a71f10949be18d5a692682?s=48 gr2m
82
11k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
183
14k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
84
8.3k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
5
3.4k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
230
750k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
50
3.9k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
101
14k

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