Download - Azure Portal - the largest SPA in the World
![Page 1: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/1.jpg)
Azure Portal
jj09.net
@JakubJedryszek
The largest SPA in the World
![Page 2: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/2.jpg)
![Page 3: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/3.jpg)
![Page 4: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/4.jpg)
![Page 5: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/5.jpg)
![Page 6: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/6.jpg)
![Page 7: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/7.jpg)
![Page 8: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/8.jpg)
![Page 9: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/9.jpg)
![Page 10: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/10.jpg)
![Page 11: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/11.jpg)
![Page 12: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/12.jpg)
![Page 13: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/13.jpg)
AZURE PORTAL FACTS
Over 500 developers
Almost 100 services
More than 2000 blades (views)
![Page 14: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/14.jpg)
Website
Framework
Web Appsiframe
Virtual Machines
SQL
iframe
iframe
Only JS
Only JS
Only JS
![Page 15: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/15.jpg)
![Page 16: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/16.jpg)
TypeScript
![Page 17: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/17.jpg)
Jan 2016
![Page 18: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/18.jpg)
Aug 2016
![Page 19: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/19.jpg)
youtube.com/JakubJedryszek
![Page 20: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/20.jpg)
CHALLENGES
![Page 21: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/21.jpg)
CHALLENGE 1
ENABLE OVER 500 DEVELOPERS TO WORK ON 1 UI
![Page 22: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/22.jpg)
CORE XT
![Page 23: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/23.jpg)
![Page 24: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/24.jpg)
![Page 25: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/25.jpg)
![Page 26: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/26.jpg)
![Page 27: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/27.jpg)
![Page 28: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/28.jpg)
![Page 29: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/29.jpg)
![Page 30: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/30.jpg)
![Page 31: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/31.jpg)
dev
dogfood mpac production
On green CI
dogfood
Thursday
Tuesday
ms.portal.azure.com portal.azure.com
RELEASE PIPLINE
![Page 32: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/32.jpg)
CHALLENGE 2
PERFORMANCE
![Page 33: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/33.jpg)
![Page 34: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/34.jpg)
PERFORMANCE TIP #1
MINIFY JAVASCRIPT
![Page 35: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/35.jpg)
PERFORMANCE TIP #2
MINIFY CSS
![Page 36: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/36.jpg)
PERFORMANCE TIP #3
LAZY-LOAD JAVASCRIPT
![Page 37: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/37.jpg)
PERFORMANCE TIP #4
LAZY-LOAD CSS
![Page 38: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/38.jpg)
PERFORMANCE TIP #5
BUNDLE JAVASCRIPT
![Page 39: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/39.jpg)
PERFORMANCE TIP #6
BUNDLE CSS
![Page 40: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/40.jpg)
PERFORMANCE TIP #7
CACHE JAVASCRIPT AND CSS ON CLIENT-SIDE
ETagCache-Controlunique URLs
![Page 41: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/41.jpg)
PERFORMANCE TIP #8
CACHE JAVASCRIPT AND CSS ON SERVER-SIDE
![Page 42: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/42.jpg)
PERFORMANCE TIP #9
USE CONTENT DELIVERY NETWORK (CDN)
![Page 43: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/43.jpg)
PERFORMANCE TIP #10
USE GZIP COMPRESSION
![Page 44: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/44.jpg)
PERFORMANCE TIP #11
USE SVG WHEN POSSIBLE (AND BUNDLE!)
![Page 45: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/45.jpg)
PERFORMANCE TIP #12
USE HTTPS
![Page 46: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/46.jpg)
PERFORMANCE TIP #13
WRITE PERFORMANT JAVASCRIPT
#1 CACHE VARIABLES#2 CACHE FUNCTIONS#3 MINIMIZE DOM OPERATIONS
![Page 47: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/47.jpg)
![Page 48: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/48.jpg)
CHALLENGE 3
REGRESSIONS
![Page 49: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/49.jpg)
![Page 50: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/50.jpg)
![Page 51: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/51.jpg)
UI
UI
TYPESCRIPT
UNIT TESTS
![Page 52: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/52.jpg)
![Page 53: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/53.jpg)
![Page 54: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/54.jpg)
![Page 55: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/55.jpg)
TypeScript
![Page 56: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/56.jpg)
https://aka.ms/AzureTipsAndTricks
![Page 57: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/57.jpg)
https://aka.ms/AzurePortalFeedback
![Page 58: Azure Portal - the largest SPA in the World](https://reader036.vdocuments.us/reader036/viewer/2022062523/58a8a3101a28ab7f458b5449/html5/thumbnails/58.jpg)
STAY IN TOUCH!@JakubJedrysz
ek
jj09.net