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
84
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
競技プログラミングへのお誘い@阪大BOOSTセミナー
kotamanegi
0
390
命名をリントする
chiroruxx
1
540
fs2-io を試してたらバグを見つけて直した話
chencmd
0
270
php-conference-japan-2024
tasuku43
0
390
数十万行のプロジェクトを Scala 2から3に完全移行した
xuwei_k
0
480
선언형 UI에서의 상태관리
l2hyunwoo
0
250
見えないメモリを観測する: PHP 8.4 `pg_result_memory_size()` とSQL結果のメモリ管理
kentaroutakeda
0
860
shadcn/uiを使ってReactでの開発を加速させよう!
lef237
0
200
ゆるやかにgolangci-lintのルールを強くする / Kyoto.go #56
utgwkk
2
710
Zoneless Testing
rainerhahnekamp
0
150
Androidアプリのモジュール分割における:x:commonを考える
okuzawats
1
260
Flatt Security XSS Challenge 解答・解説
flatt_security
0
480
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
KATA
mclloyd
29
14k
It's Worth the Effort
3n
183
28k
Agile that works and the tools we love
rasmusluckow
328
21k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Designing for humans not robots
tammielis
250
25k
Measuring & Analyzing Core Web Vitals
bluesmoon
5
190
Thoughts on Productivity
jonyablonski
68
4.4k
How STYLIGHT went responsive
nonsquared
96
5.3k
Facilitating Awesome Meetings
lara
50
6.2k
Building Applications with DynamoDB
mza
92
6.1k
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