A presentation at Webconf.asia in in Hong Kong by Phil Hawksworth
PHIL HAWKSWORTH PROMOTING PERFORMANCE FROM THE GROUND UP
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify HELLO
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify PHIL
HAWKSWORTH AFTER DINNER SPEAKER
@
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify REALTIME FINANCIAL DATA
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify REALTIME FINANCIAL DATA
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify REALTIME FINANCIAL DATA
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify SHIPPING INSURANCE
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify SHIPPING INSURANCE
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify CRUSHER DREAM the
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify AFTER DINNER SPEAKER
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify AFTER DINNER SPEAKER
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify MAKING THINGS
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify MY TRACK RECORD
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify STATIC SITES
GO ALL HOLLYWOOD 7 7 @PHILHAWKSWORTH FRONTEERS, AMSTERDAM, 2015 ~ I C CAN SMELL YOUR M S
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth SO, FOR THIS TALK
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify TIME TO JAZZ IT UP
PHIL HAWKSWORTH PROMOTING PERFORMANCE FROM THE GROUND UP
PHIL HAWKSWORTH
MAKING
PLATFORMS &
PROCESSES
PROMOTE
PERFORMANCE
PHIL HAWKSWORTH
MAKING
PLATFORMS &
PROCESSES
PROMOTE
PERFORMANCE
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify EXOTIC OR NEW
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify FUNDAMENTALS
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify WE LEARN A LOT AT CONFERENCES 12 talks!
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify CONFINING THESE LEARNINGS TO THEORY IS A WASTE
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify CONFINING THESE LEARNINGS TO OUR LOCAL ENVIRONMENTS IS A WASTE
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify LET’S MAKE SURE THE GOOD STUFF REACHES YOUR USERS
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DESIGNING FOR PERFORMANCE — Lara Hogan
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DESIGNING INFRASTRUCTURE FOR PERFORMANCE
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DEPLOYMENTS DESIGNING INFRASTRUCTURE FOR PERFORMANCE
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DEPLOYMENTS DESIGNING INFRASTRUCTURE FOR PERFORMANCE PROCESSES
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DEPLOYMENTS DESIGNING INFRASTRUCTURE FOR PERFORMANCE PROCESSES MINDSET
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify MINDSET
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify PROCESS
Performance from the ground up
Webconf, Hong Kong, 2018
@philhawksworth
netlify
OH GREAT…
40 MINUTES OF SLIDES
ABOUT PROCESS
ALL OF YOU, RIGHT NOW
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify FOR THE NEXT 40 MINUTES OR SO / WHERE DOES IT HURT? / 3 STORIES / MINDSETS AND RESOURCES
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify FOR THE NEXT 40 MINUTES OR SO / WHERE DOES IT HURT? / 3 STORIES / MINDSETS AND RESOURCES
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth WHERE DOES IT HURT?
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify CLIENTS / DEADLINES / COMPLEXITY PROJECTS USUALLY INVOLVE
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify SLEEPLESS NIGHTS
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify THE PERFECT PROJECT TIMELINE BRIEF AWARDS LAUNCH START SCOPE RE-SCOPE CLIENT REVIEW FINAL SIGN OFF FIXES “ ” !
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth LAUNCH DAY
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify PROJECTS CAN BE HARD NEWSFLASH
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify LEARNING PROJECTS USUALLY INVOLVE
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify CHANGE PROJECTS USUALLY INVOLVE
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify INFRASTRUCTURE
Performance from the ground up
Webconf, Hong Kong, 2018
@philhawksworth
netlify
OUR EVOLVING APPROACH
TO INFRASTRUCTURE
ON SITE
HARDWARE
SOME
RACK SPACE
VIRTUAL
SERVER
SOFTWARE
AAS
FUNCTIONS
AAS
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify NEW DEPLOYMENT CONVENTIONS
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify APPROACH
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify MANAGING CHANGE / UNKNOWABLE THIS IS WHERE IT HURTS
Performance from the ground up
Webconf, Hong Kong, 2018
@philhawksworth
netlify
AT CRUNCH TIME,
AS THE PRESSURE MOUNTS
THIS IS WHERE IT HURTS
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify FOR THE NEXT 40 MINUTES OR SO / WHERE DOES IT HURT? / 3 STORIES / MINDSETS AND RESOURCES
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth DEPLOYING ON MY FIRST DAY Story one
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify A LARGE NATIONWIDE HEALTHCARE SITE
Performance from the ground up
Webconf, Hong Kong, 2018
@philhawksworth
netlify
IT SHOULD HAVE
GONE LIVE
ON FRIDAY
MY NEW BOSS
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify "
Performance from the ground up
Webconf, Hong Kong, 2018
@philhawksworth
netlify
CAN YOU HELP THE TEAM
FIGURE OUT
THE DEPLOYMENT?
MY NEW BOSS
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify THE PERFECT PROJECT TIMELINE BRIEF AWARDS LAUNCH START SCOPE RE-SCOPE CLIENT REVIEW FINAL SIGN OFF FIXES “ ”
“FIGURE OUT” DEPLOYMENT
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify THE DEPLOYMENT
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify STAGING BOB ALICE PROD
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify FFFF FFF F FTP
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify UNKNOWABLE STATE
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify UNREPEATABLE PROCESS
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DID IT GO LIVE? YES, IT DID WAS IT CORRECT? YES. PROBABLY. HONESTLY, I DON’T THINK WE CAN EVERY REALLY KNOW FOR SURE
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify HOW DID THE NEXT DEPLOYMENT GO? I’M NOT READY TO TALK ABOUT THAT DO YOU NEED A HUG? YES. YES I DO
Performance from the ground up
Webconf, Hong Kong, 2018
@philhawksworth
netlify
VERSION CONTROL SHOULD
EXTEND TO YOUR DEPLOYMENTS
Lessons
HUMAN INTERVENTION IN
DEPLOYMENTS IS
UNDESIRABLE
HOLISTIC DEPLOYS ARE PREFERABLE
TO PIECEMEAL DEPLOYS
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth SEARCHING FOR SYRIA Story two
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify LOTS OF CHANGE
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify SIGNIFICANT POLITICAL SENSITIVITY
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify GREATER STAKEHOLDER DIVERSITY
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify A GLOBAL LAUNCH
“FIGURE OUT” DEPLOYMENT Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify THE PERFECT PROJECT TIMELINE BRIEF AWARDS LAUNCH START SCOPE RE-SCOPE CLIENT REVIEW FINAL SIGN OFF FIXES “ ” $
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DELIVERIES
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DELIVER to QA
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DELIVER to PRODUCERS
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DELIVER to TRANSLATIONS TEAMS
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DELIVER to THE CLIENT
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DELIVER to THE CLIENT’S BOSSES
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DELIVER to THE PUBLIC
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth LET’S DELIVER ANY VERSION AT ANY TIME OUR AMBITION
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify VERSION CONTROL
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify TAGS SHOULD CREATE RESOURCES AT URLS
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify URLS FTW
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth AITCH TEE TEE PEE DOUBLE MEH ALEX SEXTON
http webconf.asia Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify ://
http webconf.asia
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify TAGS SHOULD CREATE RESOURCES AT URLS
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DEV PROD STAGE GIT CI
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DEV PROD STAGE GIT CI
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DEV PROD GIT CI STAGE STAGE STAGE STAGE STAGE LIVE
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DEV PROD GIT CI STAGE STAGE STAGE STAGE LIVE STAGE
Performance from the ground up
Webconf, Hong Kong, 2018
@philhawksworth
netlify
DEMOS
/
DISCUSSIONS
TESTS
/
ISSUES
/
SIGN OFF
ALL HAPPENED AGAINST
KNOWN VERSIONS
Performance from the ground up
Webconf, Hong Kong, 2018
@philhawksworth
netlify
ADDRESSABLE AND ACCESSIBLE
BUILD VERSIONS ARE A HUGE WIN
Lessons
DECIDING WHEN AND WHAT TO TAG
REQUIRES COORDINATION
IMMUTABLE DEPLOYS TO PROD
REMOVE UNCERTAINTY FROM
LAUNCH DAY
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth NETLIFY BUILDING NETLIFY Story three
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth
Performance from the ground up
Webconf, Hong Kong, 2018
@philhawksworth
netlify
NETLIFY.COM IS A
JAMSTACK SITE HOSTED
ON NETLIFY USING NETLIFY
TO NETLIFY NETLIFY
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DEV PROD GIT CI STAGE STAGE STAGE STAGE STAGE LIVE
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify DEV NETLIFY GIT CI STAGE STAGE STAGE LIVE CDN
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify A GIT-BASED WORKFLOW ALL THE WAY TO PRODUCTION
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify jamstack JAVASCRIPT / API / MARKUP
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify APIs (JAVASCRIPT) SITE JAVASCRIPT MARKUP
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify APIs (JAVASCRIPT) SITE JAVASCRIPT MARKUP
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify BUILDS ARE BASED ON GIT COMMITS, SO WE HAVE HISTORY
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify APIs (JAVASCRIPT) SITE JAVASCRIPT MARKUP
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify APIs (JAVASCRIPT) SITE JAVASCRIPT MARKUP
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify AUTOMATION BASED ON GIT ACTIVITY
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify GENERATING PREVIEWS FROM PULL REQUESTS
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify CONFIDENCE IN THE FUTURE STATE
Performance from the ground up
Webconf, Hong Kong, 2018
@philhawksworth
netlify
VERSION CONTROL SHOULD
EXTEND TO YOUR DEPLOYMENTS
PHIL, 20 MINUTES AGO
Performance from the ground up
Webconf, Hong Kong, 2018
@philhawksworth
netlify
OUR EVOLVING APPROACH
TO INFRASTRUCTURE
ON SITE
HARDWARE
SOME
RACK SPACE
VIRTUAL
SERVER
SOFTWARE
AAS
FUNCTIONS
AAS
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify A SERVERLESS WORKFLOW / POWERED BY VERSION CONTROL ACTIONS / AUTOMATICALLY GENERATING VERSIONED LAMBDAS / INSTANT PROVISIONING OF STAGING ENVIRONMENTS / IMMUTABLE DEPLOYMENTS
Performance from the ground up
Webconf, Hong Kong, 2018
@philhawksworth
netlify
Lessons
EMBRACING VERSION CONTROL
CONVENTIONS REMOVES NEED
TO REINVENT THEM
REDUCED FRICTION BRINGS
AGILITY AND CONFIDENCE
JAMSTACK GOES BEYOND
STATIC SITES
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify FOR THE NEXT 40 MINUTES OR SO / WHERE DOES IT HURT? / 3 STORIES / MINDSETS AND RESOURCES
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth CIRCLE CI JENKINS
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth THEPOWEROFSERVERLESS.INFO
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth THENEWDYNAMIC.ORG JAMSTACK.ORG
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth MINDSETS
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify EVERYTHING VERSION CONTROL For
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify
netlify Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth EXPECT TIMES OF CHAOS
netlify
Performance from the ground up
Webconf, Hong Kong, 2018
@philhawksworth
DON’T LET
A OUR PROCESS BE
WHAT CREATES IT
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify IT’S AN AWFULLY FULL STACK A NOTE ON EXPERTISE
Performance from the ground up Webconf, Hong Kong, 2018 @philhawksworth netlify USE THE SKILLS OF OTHERS A NOTE ON EXPERTISE
THANK YOU PHIL HAWKSWORTH HAWKSWORX.COM / TALKS / HK $ !
%
No matter how good you are at crafting the most ingenious, high-performance code, you need to deliver it to your users reliably. You probably also need to evolve it over time. To test it. To get it signed off. All this can be painful. But it needn’t be.
This talk will look at ways to design a developer experience which then enables a good user experience. We’ll talk about the benefits of keeping your stack simple, of using the expertise of others, at ways to avoid launch day being more stressful than it should be. And we’ll examine some performance and security benefits of using the JAMstack and microservices in your projects.
The following resources were mentioned during the presentation or are useful additional information.
An article about Netlify's approach to cloud infrastructure which was a common question at this event.
More features of Netlify, which answers questions asked a number of times in conversations after this presentation.
Build Faster Better Websites with modern tools and techniques
Pick up tools in our Directory to work with the JAMstack. Browse our showcase and get inspired.
This is the project I demonstrated during the talk to bootstrap a site build with integrated serverless functions. You can get started in a couple of clicks by hitting the "Deploy to Netlify" button.
A useful set of resources about serverless and JAMstack
Here’s what was said about this presentation on social media.
