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
87

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
意外と簡単！？フロントエンドでパスキー認証を実現する WebAuthn
Avatar for teamLab teamlab
PRO
2
750
Vue・React マルチプロダクト開発を支える Vite
Avatar for ANDPAD inc andpad
0
110
🔨 小さなビルドシステムを作る
Avatar for Mutsuha Asada momeemt
4
680
Improving my own Ruby thereafter
Avatar for monochrome sisshiki1969
1
160
テストカバレッジ100%を10年続けて得られた学びと品質
Avatar for もっち mottyzzz
2
590
testingを眺める
Avatar for matumoto matumoto
1
140
そのAPI、誰のため？ Androidライブラリ設計における利用者目線の実践テクニック
Avatar for mkeeda mkeeda
2
300
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
Avatar for teamLab teamlab
PRO
0
520
1から理解するWeb Push
Avatar for Minoru Takeuchi dora1998
7
1.9k
print("Hello, World")
Avatar for 高見龍 eddie
2
530
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
Avatar for Takeshi Hagikura thagikura
0
150
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
Avatar for Jonghyuk Max Kim mmmaxkim
0
1.6k

Featured

See All Featured
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
580
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
339
57k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
9
810
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.9k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
2
41
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
112
20k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
279
23k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
83
9.2k

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