azure portal - the largest spa in the world

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