Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Angular perf tips and upgrade pills
Search
Fabrizio Fortunato
May 12, 2016
Programming
1
83
Angular perf tips and upgrade pills
Fabrizio Fortunato
May 12, 2016
Tweet
Share
More Decks by Fabrizio Fortunato
See All by Fabrizio Fortunato
Flying in the cloud
izifortune
1
170
A complexity odyssey
izifortune
0
140
MVC is dead - Again
izifortune
1
140
MVC is dead!
izifortune
0
170
Other Decks in Programming
See All in Programming
Jakarta EE meets AI
ivargrimstad
0
120
Pinia Colada が実現するスマートな非同期処理
naokihaba
4
220
詳細解説! ArrayListの仕組みと実装
yujisoftware
0
580
Amazon Bedrock Agentsを用いてアプリ開発してみた!
har1101
0
330
とにかくAWS GameDay!AWSは世界の共通言語! / Anyway, AWS GameDay! AWS is the world's lingua franca!
seike460
PRO
1
860
よくできたテンプレート言語として TypeScript + JSX を利用する試み / Using TypeScript + JSX outside of Web Frontend #TSKaigiKansai
izumin5210
6
1.7k
RubyLSPのマルチバイト文字対応
notfounds
0
120
Make Impossible States Impossibleを 意識してReactのPropsを設計しよう
ikumatadokoro
0
170
Contemporary Test Cases
maaretp
0
130
役立つログに取り組もう
irof
28
9.6k
色々なIaCツールを実際に触って比較してみる
iriikeita
0
330
3 Effective Rules for Using Signals in Angular
manfredsteyer
PRO
0
100
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
Optimizing for Happiness
mojombo
376
70k
How to Ace a Technical Interview
jacobian
276
23k
Teambox: Starting and Learning
jrom
133
8.8k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
4 Signs Your Business is Dying
shpigford
180
21k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
506
140k
The Pragmatic Product Professional
lauravandoore
31
6.3k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.1k
Automating Front-end Workflow
addyosmani
1366
200k
Testing 201, or: Great Expectations
jmmastey
38
7.1k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Transcript
PERF TIPS AND UPGRADE PILLS FABRIZIO FORTUNATO
ABOUT ME @izifortune
Smashing magazine 6/09/15
Webpagetest 15/05/16
PERFORMANCE TIPS UPGRADE PILLS • Core tools • ocLazyLoad •
Strategies • Preparation
CORE TOOLS
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…
ONE TIME BINDING - 2 2,381 332
ONE TIME BINDING - 3
ONE TIME BINDING - 4
TRACK BY
FILTERS FILTERS RUN 2 TIMES PER $DIGEST
ANIMATE
ANIMATE - 2 ENABLED ON SPECIFIC ELEMENTS
GLOBAL OPTIONS REMOVE ALL DEBUG INFORMATION
GLOBAL OPTIONS - 2 LOWER $APPLY ON HTTP
ANGULAR 1.5 COMPARISON ng-conf LAZY NG-IF CREDITS Enhancing performance without
steroids - Zackary Chapple
ANGULAR 1.5 - 2 LAZY NG-IF TRANSCLUSION SLOT
LAZY LOAD
OCLAZYLOAD https://oclazyload.readme.io/
OCLAZYLOAD - 2
OCLAZYLOAD - 3
OCLAZYLOAD - 4
UPGRADE
COMPONENT
UPGRADE NG-FORWARD NG-UPGRADE PREPARE
FOLLOW @RyanairLabs https://angular.io https://toddmotto.com
THANK YOU