Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Breaking News & Breaking Software, SyncConf 2013
Search
Andy Hume
March 29, 2013
Technology
370
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Breaking News & Breaking Software, SyncConf 2013
How the Guardian build web sites - by software architect, Andy Hume.
Andy Hume
March 29, 2013
More Decks by Andy Hume
See All by Andy Hume
Architecting resilient front-ends, jQuery UK, 2015
andyhume
2
1.3k
Building for performance and resilience
andyhume
5
1.3k
Architecting resilient front ends
andyhume
3
960
Guardian Responsive Design, SmashingConf 2013
andyhume
6
740
Web Fonts as a Progressive Enhancement, Ampersand 2013
andyhume
2
860
Anatomy of a responsive page load, WhiskyWeb 2013
andyhume
10
2k
Anatomy of a responsive page load, Responsive Day Out 2013
andyhume
23
3.4k
Responsive Guardian
andyhume
21
1.2k
CSS for grown ups: maturing best practises, SXSW 2012
andyhume
101
48k
Other Decks in Technology
See All in Technology
Autonomous AI Lakehouse - Live AI Hubから始めるセキュアなAIデータ活用 -
oracle4engineer
PRO
3
190
デザインレビューは自動化できるのか?─ Flutter × Figma で UI 品質保証を考える
techiro
2
800
慶應義塾大学 AI実践05 論文執筆の仕組み化
keio_smilab
PRO
7
3.7k
バックオフィスに染み出すTypeScript ── clasp で安全に仕組みを作る
nealle
1
180
GCASアップデート(202607-202610)
techniczna
1
200
Lint の層を組み直した話
bengo4com
3
320
AI AgentによるEmbedded SREの取り組み
tgidgd
1
350
Flutter Widget Previewerで始めるUIプレビューとVRTの自動化
sakusaku3939
0
210
視野はAIに、視座は人に / ai-for-breadth-humans-for-perspective
nkzn
6
3.1k
DBTS2026 盛り上がってますか!?Databricksが実現するAI時代のデータ基盤
akuwano
1
180
Sinatra on PicoRuby ローカルでセルフホスト
bash0c7
0
100
AIがGISを代替する日:〜すべてをAIが創る時代に、私たちがFOSS4Gに関わる意味〜
lehupa
1
210
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.7k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
250
1.3M
Measuring & Analyzing Core Web Vitals
bluesmoon
9
1.1k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
320
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
20k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
1
600
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
600
My Coaching Mixtape
mlcsv
0
380
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
470
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
620
What the history of the web can teach us about the future of AI
inesmontani
PRO
3
790
Transcript
SOFTWARE Andy Hume SyncConf, 2013 NEWS Breaking Breaking Sunday, December
29, 13
PLANES? Breaking http://www.youtube.com/watch?v=Ai2HmvAXcU0 Sunday, December 29, 13
PLANES? Breaking http://www.youtube.com/watch?v=Ai2HmvAXcU0 Sunday, December 29, 13
Why so happy? http://www.youtube.com/watch?v=Ai2HmvAXcU0 Sunday, December 29, 13
WEBSITES Breaking Sunday, December 29, 13
http://www.flickr.com/photos/disinfeqt/7908154990/ Process Sunday, December 29, 13
Text Sunday, December 29, 13
Sunday, December 29, 13
THE ARCHITECTURE Guardian APIs EC2 / ELB / S3 /
Cloudformation Scala / Play 2 AMD JavaScript / requirejs / LESS Sunday, December 29, 13
THE TEAM 6 Developers (2 client-side) 1 QA 1 Product
Manager (me) Sunday, December 29, 13
FAILING CONTINUOUS DEPLOYMENT METRICS MONITORING Sunday, December 29, 13
http://www.flickr.com/photos/spacemanbob/1084139169/ Continuous deployment Sunday, December 29, 13
http://www.flickr.com/photos/spacemanbob/1084139169/ Continuous deployment Sunday, December 29, 13
I think somethings awry ... the graph is implying that
there have been about 100 deploys in 17 days. ose graphs don't lie. Matt, Development Lead Michael, Operations Manager Sunday, December 29, 13
WORKFLOW Github http://github.com/guardian/frontend Sunday, December 29, 13
Pull request https://github.com/guardian/frontend/pull/388 Sunday, December 29, 13
Pull request https://github.com/guardian/frontend/pull/388 Sunday, December 29, 13
Pull request https://github.com/guardian/frontend/pull/388 Sunday, December 29, 13
Pull request https://github.com/guardian/frontend/pull/388 Sunday, December 29, 13
Pull request https://github.com/guardian/frontend/pull/388 Sunday, December 29, 13
Pull request https://github.com/guardian/frontend/pull/388 Sunday, December 29, 13
RUNS THE BUILD CONTINUOUS INTEGRATION RUNS UNIT TESTS RUNS INTEGRATION
TESTS DEPLOYS TO STAGE Sunday, December 29, 13
RUNS THE BUILD CONTINUOUS INTEGRATION RUNS UNIT TESTS RUNS INTEGRATION
TESTS DEPLOYS TO STAGE RUNS THE BUILD Sunday, December 29, 13
RUNS THE BUILD CONTINUOUS INTEGRATION RUNS UNIT TESTS RUNS INTEGRATION
TESTS DEPLOYS TO STAGE RUNS THE BUILD RUNS UNIT TESTS Sunday, December 29, 13
RUNS THE BUILD CONTINUOUS INTEGRATION RUNS UNIT TESTS RUNS INTEGRATION
TESTS DEPLOYS TO STAGE RUNS THE BUILD RUNS UNIT TESTS RUNS INTEGRATION TESTS Sunday, December 29, 13
RUNS THE BUILD CONTINUOUS INTEGRATION RUNS UNIT TESTS RUNS INTEGRATION
TESTS DEPLOYS TO STAGE RUNS THE BUILD RUNS UNIT TESTS RUNS INTEGRATION TESTS Sunday, December 29, 13
RUNS THE BUILD CONTINUOUS INTEGRATION RUNS UNIT TESTS RUNS INTEGRATION
TESTS DEPLOYS TO STAGE RUNS THE BUILD RUNS UNIT TESTS RUNS INTEGRATION TESTS RUNS INTEGRATION TESTS Sunday, December 29, 13
SANITY CHECK DEPLOY TO PRODUCTION SOME QA REGRESSION TESTS PERFORMANCE
TESTS DEPLOY TO PROD Sunday, December 29, 13
SANITY CHECK DEPLOY TO PRODUCTION SOME QA REGRESSION TESTS PERFORMANCE
TESTS DEPLOY TO PROD SOME QA REGRESSION TESTS ? Sunday, December 29, 13
SANITY CHECK DEPLOY TO PRODUCTION SOME QA REGRESSION TESTS PERFORMANCE
TESTS DEPLOY TO PROD SOME QA REGRESSION TESTS ? PERFORMANCE TESTS? Sunday, December 29, 13
SANITY CHECK DEPLOY TO PRODUCTION SOME QA REGRESSION TESTS PERFORMANCE
TESTS DEPLOY TO PROD SOME QA REGRESSION TESTS ? PERFORMANCE TESTS? Sunday, December 29, 13
http://www.flickr.com/photos/spacemanbob/1084139169/ Continuous deployment EMPOWERMENT ADD VALUE TAKE OWNERSHIP Sunday, December
29, 13
Metrics monitoring http://www.flickr.com/photos/kayaker1204/4319542459/ Sunday, December 29, 13
Metrics monitoring http://www.flickr.com/photos/kayaker1204/4319542459/ Sunday, December 29, 13
“If it moves, graph it” http://www.flickr.com/photos/kayaker1204/4319542459/ Sunday, December 29, 13
Real time performance Sunday, December 29, 13
Real time performance Sunday, December 29, 13
Real time performance Sunday, December 29, 13
FIREFOX LOAD CHROME LOAD Sunday, December 29, 13
GANGLIA METRICS Sunday, December 29, 13
Sunday, December 29, 13
REAL USER METRICS (RUM) Sunday, December 29, 13
Metrics monitoring http://www.flickr.com/photos/kayaker1204/4319542459/ Sunday, December 29, 13
http://www.flickr.com/photos/spacemanbob/1084139169/ Failing Sunday, December 29, 13
http://www.flickr.com/photos/spacemanbob/1084139169/ Failing Sunday, December 29, 13
RESILIENCE VS RELIABILITY Sunday, December 29, 13
Sunday, December 29, 13
Up me is not binary Mike Brittain, Etsy Sunday, December
29, 13
Sunday, December 29, 13
Sunday, December 29, 13
Sunday, December 29, 13
Sunday, December 29, 13
USER READING NEWS CONTENT API ZEITGEIST SOULMATES API SCALA WEB
APP Sunday, December 29, 13
USER READING NEWS CONTENT API ZEITGEIST SOULMATES API SCALA WEB
APP Sunday, December 29, 13
Sunday, December 29, 13
USER READING NEWS CONTENT API ZEITGEIST SOULMATES API SCALA WEB
APP Sunday, December 29, 13
USER READING NEWS CONTENT API ZEITGEIST SOULMATES API SCALA WEB
APP Sunday, December 29, 13
Sunday, December 29, 13
CONTENT API ZEITGEIST SCALA WEB APP USER READING NEWS SOULMATES
API Sunday, December 29, 13
CONTENT API ZEITGEIST SCALA WEB APP USER READING NEWS SOULMATES
API Sunday, December 29, 13
CONTENT API ZEITGEIST SCALA WEB APP USER READING NEWS SOULMATES
API CACHE Sunday, December 29, 13
GOOGLE PAGE SPEED Sunday, December 29, 13
GOOGLE PAGE SPEED Sunday, December 29, 13
GOOGLE PAGE SPEED DOMContentReady event Sunday, December 29, 13
GOOGLE PAGE SPEED DOMContentReady event Load event Sunday, December 29,
13
GOOGLE PAGE SPEED P1 DOMContentReady event Load event Sunday, December
29, 13
GOOGLE PAGE SPEED P1 P2 DOMContentReady event Load event Sunday,
December 29, 13
GOOGLE PAGE SPEED P1 P2 P3 DOMContentReady event Load event
Sunday, December 29, 13
FAILING CONTINUOUS DEPLOYMENT METRICS MONITORING Sunday, December 29, 13
FAILING CONTINUOUS DEPLOYMENT METRICS MONITORING Sunday, December 29, 13
FAILING CONTINUOUS DEPLOYMENT METRICS MONITORING Sunday, December 29, 13
FAILING CONTINUOUS DEPLOYMENT METRICS MONITORING Sunday, December 29, 13
Thank-you! http://lanyrd.com/sccxwy @andyhume Creative Commons Licensed Attribution, Non-Commercial, Share Alike
cc Sunday, December 29, 13
STUFF AWS AWS Cloudformation Scala/Play Framework Github Hudson Jenkins Ganglia
Graphite Alerta Google Page Speed Insights Webpagetest Varnish AWS Cloudformation Sunday, December 29, 13