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
88

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
When Dependencies Fail: Building Antifragile Applications in a Fragile World
Avatar for Selçuk Usta selcukusta
0
120
contribution to astral-sh/uv
Avatar for Shunsuke Tsuchiya shunsock
0
580
CSC305 Lecture 13
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
370
Introduce Hono CLI
Avatar for Yusuke Wada yusukebe
6
3.3k
オンデバイスAIとXcode
Avatar for リョウ ryodeveloper
0
400
組織もソフトウェアも難しく考えない、もっとシンプルな考え方で設計する #phpconfuk
Avatar for hideki kinjyo o0h
PRO
8
2.8k
GitHub Copilotを使いこなせ！/mastering_github_copilot!
Avatar for Kota Kageyama kotakageyama
2
780
テーブル定義書の構造化抽出して、生成AIでDWH分析を試してみた / devio2025tokyo
Avatar for kasacchiful kasacchiful
0
390
Researchlyの開発で参考にしたデザイン
Avatar for arakawa adsholoko
0
110
pnpm に provenance のダウングレード を検出する PR を出してみた
Avatar for mattsuu ryo_manba
1
180
Webサーバーサイド言語としてのRustについて
Avatar for kaza kouyuume
1
5.1k
Dive into Triton Internals
Avatar for Liam Jongsu Kim appleparan
0
450

Featured

See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
650
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
33k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.5k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
209
24k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k

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