Building high performance web applications
•Als PPTX, PDF herunterladen•
0 gefällt mir•252 views
![Maurice De Beijer [MVP]](https://cdn.slidesharecdn.com/profile-photo-mauricedb-48x48.jpg?cb=1696317804)
Slides from my "Building high performance web applications" session at http://boostjs.io/. Demo code https://github.com/mauricedb/ng-split-bundle and https://github.com/mauricedb/high-performance-web-applications
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Andere mochten auch (8)
Mehr von Maurice De Beijer [MVP]
Mehr von Maurice De Beijer [MVP] (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Building high performance web applications
- 1. Building high performance web applications Maurice de Beijer @mauricedb @react_tutorial
- 2. Topics What is fast? Tooling Code splitting Server side rendering Only render above the fold Service worker © ABL - The Problem Solver 2
- 3. Maurice de Beijer The Problem Solver MicrosoftAzure MVP Freelance developer/instructor Twitter: @mauricedb and @React_Tutorial Web: http://www.TheProblemSolver.nl E-mail: maurice.de.beijer@gmail.com 3
- 4. What is fast? © ABL - The Problem Solver 4
- 5. It depends © ABL - The Problem Solver 5
- 6. DOMContent Loaded © ABL - The Problem Solver 6
- 7. First meaningful paint © ABL - The Problem Solver 7
- 8. Time to interactive © ABL - The Problem Solver 8
- 9. But there is more © ABL - The Problem Solver 9
- 10. Tooling © ABL - The Problem Solver 10
- 11. Chrome Timeline © ABL - The Problem Solver 11
- 12. Chrome Audits © ABL - The Problem Solver 12
- 13. YSlow © ABL - The Problem Solver 13
- 14. WebPageTest © ABL - The Problem Solver 14
- 15. WebPageTest select the device © ABL - The Problem Solver 15
- 16. WebPageTest select the bandwidth © ABL - The Problem Solver 16
- 17. WebPageTest iPhone 6 © ABL - The Problem Solver 17
- 18. Lighthouse © ABL - The Problem Solver 18
- 19. Code splitting © ABL - The Problem Solver 19
- 20. Right size framework © ABL - The Problem Solver 20
- 21. Server side rendering © ABL - The Problem Solver 21
- 22. Inline critical CSS © ABL - The Problem Solver 22
- 23. Only render above the fold © ABL - The Problem Solver 23
- 24. ServiceWorker (App-Cache) © ABL - The Problem Solver 24
- 25. Try it http://bit.ly/fast-apps © ABL - The Problem Solver 25
- 26. Maurice de Beijer @mauricedb maurice.de.beijer @gmail.com © ABL - The Problem Solver 26
Hinweis der Redaktion
- https://pixabay.com/nl/supersonische-vechter-vliegtuigen-63211/
- https://pixabay.com/nl/boord-blackboard-lettertype-1805318/
- https://www.pexels.com/photo/train-on-railroad-tracks-against-sky-258367/
- https://unsplash.com/photos/EXcDH29WLbg
- https://pixabay.com/nl/dolfijn-kind-kinderen-spelen-1548448/
- https://pixabay.com/nl/batterij-aa-energie-huidige-1109088/
- https://www.pexels.com/photo/grey-metal-hammer-34520/
- https://unsplash.com/search/splitting?photo=Xxd33FUBQeA
- https://pixabay.com/nl/marokko-truck-vrachtwagen-hooi-842660/
- https://pixabay.com/en/technology-servers-server-1587673/
- https://jonassebastianohlsson.com/criticalpathcssgenerator/
- https://pixabay.com/nl/sprinkhaan-viridissima-groene-193721
- https://pixabay.com/en/waldorf-astoria-construction-169387/