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

Angular perf tips and upgrade pills

Fabrizio Fortunato
May 12, 2016
Programming
1
82

Angular perf tips and upgrade pills

Fabrizio Fortunato

May 12, 2016
Tweet

More Decks by Fabrizio Fortunato

See All by Fabrizio Fortunato
Flying in the cloud
izifortune
1
160
A complexity odyssey
izifortune
0
130
MVC is dead - Again
izifortune
1
130
MVC is dead!
izifortune
0
170

Other Decks in Programming

See All in Programming
Ruby GitHub Packages
bkuhlmann
0
630
PHPはいつから死んでいるかの調査
chiroruxx
1
400
What We Can Learn From OSS
inouehi
0
420
try! Swift Tokyo 2024 参加報告 / try! Swift Tokyo 2024 Report
hironytic
0
200
エンターテイメント業界で利用されるAWS
demuyan
0
210
0→1と1→10の狭間で Javaという技術選定を振り返る/Reflecting on the Decision to Choose Java Between Scaling from 0 to 1 and 1 to 10
jaguar_imo
2
380
Tailwind CSSを本気でカスタマイズする方法
fsubal
13
5.2k
AWS CDKコントリビュートTIPS / aws-cdk-contribution-tips
gotok365
2
140
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
230
Random\Randomizer クラスで日常のあれこれを解決しよう！ / Random\Randomizer class solves familiar trouble
cocoeyes02
0
230
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
360
Changed Rules: Architectures with Lightweight Stores
manfredsteyer
PRO
0
240

Featured

See All Featured
Robots, Beer and Maslow
schacon
PRO
155
7.9k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Visualization
eitanlees
136
14k
Rails Girls Zürich Keynote
gr2m
91
13k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
GraphQLとの向き合い方2022年版
quramy
32
12k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
Clear Off the Table
cherdarchuk
84
310k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
A Tale of Four Properties
chriscoyier
151
22k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k

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