Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Azure Portal - the largest SPA in the World

246 views

Published on

The Azure Portal is one of the biggest, and most complex Single Page Applications (SPA) in the World. Are you curious what’s under the cover? Let’s check what tools, frameworks, libraries and techniques are used to enable over 500 developers to work on one web application, and having possibility to release a new version anytime.
In this session I will uncover all details of end-to-end development process, performance tweaks, and how we implemented Continuous Integration, and Continuous Delivery.

Published in: Software
  • Be the first to comment

  • Be the first to like this

Azure Portal - the largest SPA in the World

  1. 1. Azure Portal jj09.net @JakubJedryszek The largest SPA in the World
  2. 2. AZURE PORTAL FACTS Over 500 developers Almost 100 services More than 2000 blades (views)
  3. 3. Website Framework Web Apps iframe Virtual Machines SQL iframe iframe
  4. 4. TypeScript
  5. 5. youtube.com/JakubJedryszek
  6. 6. CHALLENGES
  7. 7. CHALLENGE 1 ENABLE OVER 500 DEVELOPERS TO WORK ON 1 UI
  8. 8. CORE XT
  9. 9. dev dogfood mpac production On green CI dogfood Thursday Tuesday ms.portal.azure.com portal.azure.com RELEASE PIPLINE
  10. 10. CHALLENGE 2 PERFORMANCE
  11. 11. PERFORMANCE TIP #1 MINIFY JAVASCRIPT
  12. 12. PERFORMANCE TIP #2 MINIFY CSS
  13. 13. PERFORMANCE TIP #3 LAZY-LOAD JAVASCRIPT
  14. 14. PERFORMANCE TIP #4 LAZY-LOAD CSS
  15. 15. PERFORMANCE TIP #5 BUNDLE JAVASCRIPT
  16. 16. PERFORMANCE TIP #6 BUNDLE CSS
  17. 17. PERFORMANCE TIP #7 CACHE JAVASCRIPT AND CSS ON CLIENT-SIDE ETag Cache-Control unique URLs
  18. 18. PERFORMANCE TIP #8 CACHE JAVASCRIPT AND CSS ON SERVER-SIDE
  19. 19. PERFORMANCE TIP #9 USE CONTENT DELIVERY NETWORK (CDN)
  20. 20. PERFORMANCE TIP #10 USE GZIP COMPRESSION
  21. 21. PERFORMANCE TIP #11 USE SVG WHEN POSSIBLE (AND BUNDLE!)
  22. 22. PERFORMANCE TIP #12 USE HTTPS
  23. 23. PERFORMANCE TIP #13 WRITE PERFORMANT JAVASCRIPT #1 CACHE VARIABLES #2 CACHE FUNCTIONS #3 MINIMIZE DOM OPERATIONS
  24. 24. CHALLENGE 3 REGRESSIONS
  25. 25. UI UI TYPESCRIPT UNIT TESTS
  26. 26. TypeScript
  27. 27. https://aka.ms/AzureTipsAndTricks
  28. 28. https://aka.ms/AzurePortalFeedback
  29. 29. STAY IN TOUCH! @JakubJedryszek jj09.net

×