azure portal - the largest spa in the world
TRANSCRIPT
Azure Portal
jj09.net
@JakubJedryszek
The largest SPA in the World
AZURE PORTAL FACTS
Over 500 developers
Almost 100 services
More than 2000 blades (views)
Website
Framework
Web Appsiframe
Virtual Machines
SQL
iframe
iframe
Only JS
Only JS
Only JS
TypeScript
Jan 2016
Aug 2016
youtube.com/JakubJedryszek
CHALLENGES
CHALLENGE 1
ENABLE OVER 500 DEVELOPERS TO WORK ON 1 UI
CORE XT
dev
dogfood mpac production
On green CI
dogfood
Thursday
Tuesday
ms.portal.azure.com portal.azure.com
RELEASE PIPLINE
CHALLENGE 2
PERFORMANCE
PERFORMANCE TIP #1
MINIFY JAVASCRIPT
PERFORMANCE TIP #2
MINIFY CSS
PERFORMANCE TIP #3
LAZY-LOAD JAVASCRIPT
PERFORMANCE TIP #4
LAZY-LOAD CSS
PERFORMANCE TIP #5
BUNDLE JAVASCRIPT
PERFORMANCE TIP #6
BUNDLE CSS
PERFORMANCE TIP #7
CACHE JAVASCRIPT AND CSS ON CLIENT-SIDE
ETagCache-Controlunique URLs
PERFORMANCE TIP #8
CACHE JAVASCRIPT AND CSS ON SERVER-SIDE
PERFORMANCE TIP #9
USE CONTENT DELIVERY NETWORK (CDN)
PERFORMANCE TIP #10
USE GZIP COMPRESSION
PERFORMANCE TIP #11
USE SVG WHEN POSSIBLE (AND BUNDLE!)
PERFORMANCE TIP #12
USE HTTPS
PERFORMANCE TIP #13
WRITE PERFORMANT JAVASCRIPT
#1 CACHE VARIABLES#2 CACHE FUNCTIONS#3 MINIMIZE DOM OPERATIONS
CHALLENGE 3
REGRESSIONS
UI
UI
TYPESCRIPT
UNIT TESTS
TypeScript
https://aka.ms/AzureTipsAndTricks
https://aka.ms/AzurePortalFeedback
STAY IN TOUCH!@JakubJedrysz
ek
jj09.net