View Slide
Tools for Fast Angular ApplicationsImproving the time to interactive of your appMinko Gechev@mgechev
Practices for speedautomated with the Angular CLI & schematicsCode-splitting Efficient servingBundle Preloading
Automatic code-splittingAngular CLI version 8.1$ ng g module about --route about --module app
Automatic code-splittingAngular CLI version 8.1$ ng g module about --route about --module appmodule name
Automatic code-splittingAngular CLI version 8.1$ ng g module about --route about --module applazy-route path
Automatic code-splittingAngular CLI version 8.1$ ng g module about --route about --module appparent module name
Generated a lazy-route• Defined an NgModule• Declared a lazy-route• Declared a default route• Defined a component
ngx-quicklink• Detects links in the viewport• Waits until the browser is idle• Checks user’s connection• Prefetches the lazy modules
• ng add a platform module• Run ng deployDeployment via Angular CLIIntroduced in CLI v8.3
Supported platformsfor automatic deployments via the Angular CLI@angular/fire @azure/ng-deploy @zeit/ng-deployangular-cli-ghpages @netlify-builder/deploy ngx-deploy-npm
Thank you!Minko Gechev@mgechev