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

Angular perf tips and upgrade pills

Avatar for Fabrizio Fortunato Fabrizio Fortunato
May 12, 2016
Programming
1
92

Angular perf tips and upgrade pills

Avatar for Fabrizio Fortunato

Fabrizio Fortunato

May 12, 2016
Tweet

More Decks by Fabrizio Fortunato

See All by Fabrizio Fortunato
Flying in the cloud
Avatar for Fabrizio Fortunato izifortune
1
180
A complexity odyssey
Avatar for Fabrizio Fortunato izifortune
0
140
MVC is dead - Again
Avatar for Fabrizio Fortunato izifortune
1
150
MVC is dead!
Avatar for Fabrizio Fortunato izifortune
0
170

Other Decks in Programming

See All in Programming
高速開発のためのコード整理術
Avatar for sutetotanuki sutetotanuki
1
400
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
AgentCoreとHuman in the Loop
Avatar for Har1101 har1101
5
240
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
Avatar for ahu ahuglajbclajep
5
1k
CSC307 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
660
CSC307 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
並行開発のためのコードレビュー
Avatar for Miyuki miyukiw
0
210
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
230
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
130
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
180
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
160

Featured

See All Featured
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
280
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
96
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
350
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
71k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
93
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
190
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
190
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
170
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.1k

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