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
290
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.2k
Building for performance and resilience
andyhume
5
1.2k
Architecting resilient front ends
andyhume
3
870
Guardian Responsive Design, SmashingConf 2013
andyhume
6
650
Web Fonts as a Progressive Enhancement, Ampersand 2013
andyhume
2
780
Anatomy of a responsive page load, WhiskyWeb 2013
andyhume
10
1.9k
Anatomy of a responsive page load, Responsive Day Out 2013
andyhume
23
3.3k
Responsive Guardian
andyhume
21
1.1k
CSS for grown ups: maturing best practises, SXSW 2012
andyhume
101
47k
Other Decks in Technology
See All in Technology
GMOペパボのデータ基盤とデータ活用の現在地 / Current State of GMO Pepabo's Data Infrastructure and Data Utilization
zaimy
3
150
마라톤 끝의 단거리 스퍼트: 2025년의 AI
inureyes
PRO
1
380
Tableau API連携の罠!?脱スプシを夢見たはずが、逆に依存を深めた話
cuebic9bic
2
180
Perlアプリケーションで トレースを実装するまでの 工夫と苦労話
masayoshi
1
320
相互運用可能な学修歴クレデンシャルに向けた標準技術と国際動向
fujie
0
150
【CEDEC2025】『ウマ娘 プリティーダービー』における映像制作のさらなる高品質化へ!~ 豊富な素材出力と制作フローの改善を実現するツールについて~
cygames
PRO
0
130
AI エンジニアの立場からみた、AI コーディング時代の開発の品質向上の取り組みと妄想
soh9834
8
630
2025-07-25 NOT A HOTEL TECH TALK ━ スマートホーム開発の最前線 ━ SOFTWARE
wakinchan
0
200
FAST導入1年間のふりかえり〜現実を直視し、さらなる進化を求めて〜 / Review of the first year of FAST implementation
wooootack
1
250
会社もクラウドも違うけど 通じたコスト削減テクニック/Cost optimization strategies effective regardless of company or cloud provider
aeonpeople
2
420
経験がないことを言い訳にしない、 AI時代の他領域への染み出し方
parayama0625
0
290
大規模イベントに向けた ABEMA アーキテクチャの遍歴 ~ Platform Strategy 詳細解説 ~
nagapad
0
120
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
For a Future-Friendly Web
brad_frost
179
9.8k
Code Reviewing Like a Champion
maltzj
524
40k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Agile that works and the tools we love
rasmusluckow
329
21k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
4 Signs Your Business is Dying
shpigford
184
22k
Docker and Python
trallard
45
3.5k
A designer walks into a library…
pauljervisheath
207
24k
Optimizing for Happiness
mojombo
379
70k
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