Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Breaking News & Breaking Software, SyncConf 2013
Search
Andy Hume
March 29, 2013
Technology
0
240
Breaking News & Breaking Software, SyncConf 2013
How the Guardian build web sites - by software architect, Andy Hume.
Andy Hume
March 29, 2013
Tweet
Share
More Decks by Andy Hume
See All by Andy Hume
Architecting resilient front-ends, jQuery UK, 2015
andyhume
2
1.1k
Building for performance and resilience
andyhume
5
1.1k
Architecting resilient front ends
andyhume
3
790
Guardian Responsive Design, SmashingConf 2013
andyhume
6
590
Web Fonts as a Progressive Enhancement, Ampersand 2013
andyhume
2
730
Anatomy of a responsive page load, WhiskyWeb 2013
andyhume
10
1.8k
Anatomy of a responsive page load, Responsive Day Out 2013
andyhume
23
3.3k
Responsive Guardian
andyhume
21
1k
CSS for grown ups: maturing best practises, SXSW 2012
andyhume
101
47k
Other Decks in Technology
See All in Technology
カメラ単体で物体の3次元 座標を扱う方法
kenmatsu4
1
210
Creating Intuitive Developer Tool in Swift
giginet
PRO
0
480
DevOpsに関連するツールとその概要を淡々と読み上げる会
devops_vtj
1
140
全部見せます! BigQueryのコスト削減の手法とその効果 / BigQuery Cost Reduction Methods
shiozaki
1
520
研究の再現性を高める 仕組みをGoでつくる / Creating a system to improve the reproducibility of research using go
linyows
1
100
【LT】ソフトウェア産業は進化しているのか? -Javaの想い出とともに- #jjug_ccc
takabow
0
140
EKS初心者が早めに知っておきたかったこと
cuorain
0
130
ZOZOのデータマネジメントの取り組み:これまでとこれから / ZOZO's Data Management Initiatives
takagiyudai
0
540
Capybara+生成AIでどこまで本当に自然言語のテストを書けるか?
yusukeiwaki
6
720
内製化によるシステムモダナイゼーションの実践
kazokmr
3
500
Apple/Google/Amazonの決済システムの違いを踏まえた定期購読課金システムの構築 / abema-billing-system
cyberagentdevelopers
PRO
1
140
Railway Oriented Programming を オニオンアーキテクチャに適用する by kotlin-result / Railway Oriented Programming in Onion Architecture by kotlin-result
yuitosato
2
190
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
81
5.2k
We Have a Design System, Now What?
morganepeng
50
7.2k
Typedesign – Prime Four
hannesfritz
39
2.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
231
17k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.1k
Adopting Sorbet at Scale
ufuk
73
9k
Optimizing for Happiness
mojombo
376
69k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.8k
Embracing the Ebb and Flow
colly
84
4.4k
Automating Front-end Workflow
addyosmani
1365
200k
Producing Creativity
orderedlist
PRO
341
39k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
41
2.1k
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