Visual Studio Live! Redmond 2016

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