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
Tools for fast Angular applications
Search
Minko Gechev
November 11, 2019
Programming
0
110
Tools for fast Angular applications
Minko Gechev
November 11, 2019
Tweet
Share
More Decks by Minko Gechev
See All by Minko Gechev
Change the World With Open Source Software
mgechev
0
110
Fast Angular Apps from End to End
mgechev
0
130
The State of Angular
mgechev
1
160
The State of Angular
mgechev
1
240
Software Engineering as a Superpower
mgechev
1
130
Introduction to Angular
mgechev
1
130
Internals of the Angular CLI
mgechev
2
1.1k
The State of Angular
mgechev
1
140
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
mgechev
2
2.8k
Other Decks in Programming
See All in Programming
Cloudflare Workers x AWS Lambdaの組み合わせユースケース / Cloudflare Workers x AWS Lambda Combination Use Case
seike460
PRO
2
310
SRE チーム立ち上げ前に考えたこと・取り組んだこと / Considerations and Preparations Before Establishing an SRE Team
mackey0225
3
320
Rubyのパフォーマンスプロファイリングの改善 / Enhancing performance profiling for Ruby
osyoyu
1
410
Android開発者のための Kotlin Multiplatform入門
ntaro
0
190
AWSでゲームサーバーを運用! Amazon GameLiftのお話
iriikeita
0
200
유연한 Composable 설계
l2hyunwoo
0
380
さきがけから振り返るアーキテクチャ刷新 / Reflecting on the Architectural Renewal from the Vanguard
nrslib
2
770
Mastering Developer Experience: A Roadmap for Success 【開発生産性Conference 2024】
findyinc
1
380
Play Billing Library 7.0.0 変更点まとめ@potatotips#88
kako351
0
160
企業向け生成AIアプリの 開発から得られた知見
takaakikakei
0
310
Introduction of Happy Eyeballs Version 2 (RFC8305) to the Socket library
coe401_
1
220
SDCon2024: Enabling DevOps and Team Topologies thru architecture: architecting for fast flow
cer
PRO
0
780
Featured
See All Featured
Happy Clients
brianwarren
94
6.5k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
Writing Fast Ruby
sferik
623
60k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
18
1.2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
129
32k
How to train your dragon (web standard)
notwaldorf
79
5.5k
Testing 201, or: Great Expectations
jmmastey
33
6.9k
What's in a price? How to price your products and services
michaelherold
239
11k
The Illustrated Children's Guide to Kubernetes
chrisshort
39
47k
Become a Pro
speakerdeck
PRO
15
4.8k
Transcript
None
Tools for Fast Angular Applications Improving the time to interactive
of your app Minko Gechev @mgechev
Practices for speed automated with the Angular CLI & schematics
Code-splitting Efficient serving Bundle Preloading
None
None
Practices for speed automated with the Angular CLI & schematics
Code-splitting Efficient serving Bundle Preloading
Automatic code-splitting Angular CLI version 8.1 $ ng g module
about --route about --module app
Automatic code-splitting Angular CLI version 8.1 $ ng g module
about --route about --module app module name
Automatic code-splitting Angular CLI version 8.1 $ ng g module
about --route about --module app lazy-route path
Automatic code-splitting Angular CLI version 8.1 $ ng g module
about --route about --module app parent module name
None
Generated a lazy-route • Defined an NgModule • Declared a
lazy-route • Declared a default route • Defined a component
None
None
Practices for speed automated with the Angular CLI & schematics
Code-splitting Efficient serving Bundle Preloading
None
ngx-quicklink • Detects links in the viewport • Waits until
the browser is idle • Checks user’s connection • Prefetches the lazy modules
None
None
None
Practices for speed automated with the Angular CLI & schematics
Code-splitting Efficient serving Bundle Preloading
None
None
• ng add a platform module • Run ng deploy
Deployment via Angular CLI Introduced in CLI v8.3
None
Supported platforms for automatic deployments via the Angular CLI @angular/fire
@azure/ng-deploy @zeit/ng-deploy angular-cli-ghpages @netlify-builder/deploy ngx-deploy-npm
Practices for speed automated with the Angular CLI & schematics
Code-splitting Efficient serving Bundle Preloading
Practices for speed automated with the Angular CLI & schematics
Code-splitting Efficient serving Bundle Preloading
Practices for speed automated with the Angular CLI & schematics
Code-splitting Efficient serving Bundle Preloading
Practices for speed automated with the Angular CLI & schematics
Code-splitting Efficient serving Bundle Preloading
None
Thank you! Minko Gechev @mgechev