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
350
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.2k
Building for performance and resilience
andyhume
5
1.3k
Architecting resilient front ends
andyhume
3
920
Guardian Responsive Design, SmashingConf 2013
andyhume
6
710
Web Fonts as a Progressive Enhancement, Ampersand 2013
andyhume
2
830
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
2026TECHFRESH畢業分享會 - 葬送的通靈師:化系統與用戶雜訊成行動訊號
line_developers_tw
PRO
0
660
2026TECHFRESH畢業分享會 - 原生還是跨平台? App 開發踩坑實錄
line_developers_tw
PRO
0
670
データサイエンスを価値につなげるプロジェクト設計 〜 DS一年目が現場で得た気づき 〜
ysd113
1
110
Bucharest Tech Week 2026 - Reinventing testing practices in the AI era
edeandrea
PRO
1
130
脆弱性対応、どこで線を引くか
rymiyamoto
0
350
Oracle AI Database@Azure:サービス概要のご紹介
oracle4engineer
PRO
6
1.9k
日本 Fintech 未来予測レポート 2027〜2028年(手動編集版)
8maki
0
1.2k
ルールやカスタム機能、どう活かす?ハンズオンで体感するIBM Bobの出力コントロール
muehara
1
130
「速く作る」から「正しく作る」へ ─ 生成AI時代の開発フロー改革の ロードマップと実行 ─
starfish719
0
9.7k
AI駆動開発が変える、大規模開発の前提 ーHuman in the Loop から Human on the Loop へ / AIE2026
visional_engineering_and_design
30
24k
Djangoユーザが知っ得なPostgreSQL機能 - 設計の選択肢を増やす / Djang-use-PostgreSQL
soudai
PRO
1
220
Android の公式 Skill / Android skills
yanzm
0
120
Featured
See All Featured
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
450
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Into the Great Unknown - MozCon
thekraken
41
2.6k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.5k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.5k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
380
Design in an AI World
tapps
1
230
The untapped power of vector embeddings
frankvandijk
2
1.8k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
560
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
430
So, you think you're a good person
axbom
PRO
2
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