Tools for fast Angular applications

Transcript

2. Tools for Fast Angular Applications Improving the time to interactive of your app Minko Gechev @mgechev
3. Practices for speed automated with the Angular CLI & schematics Code-splitting Efficient serving Bundle Preloading
6. Practices for speed automated with the Angular CLI & schematics Code-splitting Efficient serving Bundle Preloading
7. Automatic code-splitting Angular CLI version 8.1 $ ng g module about --route about --module app
8. Automatic code-splitting Angular CLI version 8.1 $ ng g module about --route about --module app module name
9. Automatic code-splitting Angular CLI version 8.1 $ ng g module about --route about --module app lazy-route path
10. Automatic code-splitting Angular CLI version 8.1 $ ng g module about --route about --module app parent module name
12. Generated a lazy-route • Defined an NgModule • Declared a lazy-route • Declared a default route • Defined a component
15. Practices for speed automated with the Angular CLI & schematics Code-splitting Efficient serving Bundle Preloading
17. ngx-quicklink • Detects links in the viewport • Waits until the browser is idle • Checks user’s connection • Prefetches the lazy modules
21. Practices for speed automated with the Angular CLI & schematics Code-splitting Efficient serving Bundle Preloading
24. • ng add a platform module • Run ng deploy Deployment via Angular CLI Introduced in CLI v8.3
26. 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
27. Practices for speed automated with the Angular CLI & schematics Code-splitting Efficient serving Bundle Preloading
28. Practices for speed automated with the Angular CLI & schematics Code-splitting Efficient serving Bundle Preloading
29. Practices for speed automated with the Angular CLI & schematics Code-splitting Efficient serving Bundle Preloading
30. Practices for speed automated with the Angular CLI & schematics Code-splitting Efficient serving Bundle Preloading
32. Thank you! Minko Gechev @mgechev