Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Keeping Wikipedia fast [WeLoveSpeed]

Dfb236c2d968fbbf6fa4dd7d0541b6b6?s=47 Peter Hedenskog
September 20, 2019
Technology
1
300

Keeping Wikipedia fast [WeLoveSpeed]

Dfb236c2d968fbbf6fa4dd7d0541b6b6?s=128

Peter Hedenskog

September 20, 2019
Tweet

More Decks by Peter Hedenskog

See All by Peter Hedenskog
Measuring Web Performance for Wikipedia using synthetic testing tools
Dfb236c2d968fbbf6fa4dd7d0541b6b6?s=48 soulislove
0
230
Measuring Web Performance Using Selenium
Dfb236c2d968fbbf6fa4dd7d0541b6b6?s=48 soulislove
2
450
Monitoring Web Performance using Open Source tools (Stockholm)
Dfb236c2d968fbbf6fa4dd7d0541b6b6?s=48 soulislove
2
190
Monitoring web performance using Open Source tools (San Francisco & Silicon Valley Web Performance Group)
Dfb236c2d968fbbf6fa4dd7d0541b6b6?s=48 soulislove
1
310
Monitoring web performance using Open Source tools (South Bay JavaScript Meetup)
Dfb236c2d968fbbf6fa4dd7d0541b6b6?s=48 soulislove
0
200
Optimise your home page (fast as lightning)
Dfb236c2d968fbbf6fa4dd7d0541b6b6?s=48 soulislove
1
38
Integrating performance tools into continuous delivery
Dfb236c2d968fbbf6fa4dd7d0541b6b6?s=48 soulislove
0
130
How to make your boss speed-curious and other webperf tricks - coldfront2014
Dfb236c2d968fbbf6fa4dd7d0541b6b6?s=48 soulislove
0
110
Sitespeed.io Lightning demo @ Velocity Santa Clara 2014
Dfb236c2d968fbbf6fa4dd7d0541b6b6?s=48 soulislove
0
90

Other Decks in Technology

See All in Technology
ECS on EC2 で Auto Scaling やってみる！
5a6e159c3f74fb7bd85e62efe5f34e2b?s=48 sayjoy
1
290
ぼくらが選んだ次のMySQL 8.0 / MySQL80 Which We Choose
A3966f193f4bef226a0d3e3c1f728d7f?s=48 line_developers
PRO
7
3.3k
金融スタートアップの上場準備で大事にしたマインドセット / 2022-08-04-the-mindset-in-preparing-for-ipo
0251532f4fb413ea1a026efe6eb16b87?s=48 stajima
0
330
Azure DevOps Online Vol.6 - 業務で必要なCIをみんなで考えよう
10be5c6d7c18735c1169520e55e15214?s=48 kkamegawa
0
300
AWS Step Functions を用いた非同期学習処理の例
227382dbd5e033db211c159edf32853c?s=48 hacarus
0
110
EKS AnywhereとIAM Anywhereを組み合わせてみた
28dd434482959f605e535fb81f691326?s=48 regmarmcem
0
430
やってみたLT会 Fleet Managerのススメ
3282faa17a370dd254382f4bf2c7ba3a?s=48 yukiiiiikuma
PRO
0
420
ECS Exec を使った ECS の トラブルシューティング
6378d4cb0e5e7cfabe13d144827a6a28?s=48 dohara
0
170
Getting Started in Product Management
0ed10d1154c696886ca483fe827cb299?s=48 thatjeffsmith
0
140
20220803投資先CXO候補者向け 会社紹介資料_合同会社BLUEPRINT
08b07f5e5f554c4f4a6a30ef1cca28ad?s=48 hik
0
620
Amazon Comprehendで始める感情分析
57c6e82f3c8eece6caa83c6d2dadbcb3?s=48 46ta
0
210
Amazon SageMakerが存在しない世界線のAWS上で実現する機械学習基盤
61f90740b91146cdf166bf74c6c4885f?s=48 sadynitro
0
120

Featured

See All Featured
Unsuck your backbone
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
659
55k
The Illustrated Children's Guide to Kubernetes
0438ae60cde4c7add6f9da48f28c15cc?s=48 chrisshort
18
40k
Embracing the Ebb and Flow
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
73
3.4k
Mobile First: as difficult as doing things right
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
213
7.6k
Large-scale JavaScript Application Architecture
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
499
110k
The Success of Rails: Ensuring Growth for the Next 100 Years
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
15
3.9k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
173
8.6k
Robots, Beer and Maslow
9375a9529679f1b42b567a640d775e7d?s=48 schacon
152
7.2k
CSS Pre-Processors: Stylus, Less & Sass
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
349
27k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
212
20k
Typedesign – Prime Four
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
34
1.4k
GraphQLの誤解/rethinking-graphql
3cb4e761dbdb7aebd1ffd85f752e1e3e?s=48 sonatard
31
6.8k

Transcript

  1. Keeping Wikipedia fast Peter Hedenskog - @soulislove

  2. Keeping Wikipedia fast Peter Hedenskog - @soulislove

  3. @soulislove

  4. @soulislove Sweden France

  5. @soulislove

  6. @soulislove

  7. What to do? @soulislove

  8. @soulislove

  9. @soulislove

  10. @soulislove NO!!!!!

  11. @soulislove Jean Bernadotte?

  12. @soulislove

  13. @soulislove Sweden France

  14. @soulislove

  15. @soulislove

  16. @soulislove

  17. Lets talk about performance @soulislove

  18. @soulislove Today Our setup RUM & Synthetic Learnings I’ve got

    the last four years Case study one regression

  19. @soulislove https://news.ycombinator.com/item?id=20903868

  20. @soulislove https://phabricator.wikimedia.org

  21. @soulislove https://grafana.wikimedia.org

  22. Why is performance important? @soulislove

  23. We want to bring free knowledge to the world independently

    of where you live and your economic status. @soulislove

  24. @soulislove

  25. Engineers/dev cares too! @soulislove

  26. Why is performance hard (for us)? @soulislove

  27. Keeping Wikipedia fast @soulislove https://news.ycombinator.com/item?id=20903868 Keeping Wikipedia fast is easy

    right?

  28. @soulislove

  29. The Wikipedia Performance Team Challenge All Wikis are different (JS/CSS)

    All pages are different (JS/CSS) All users are different (JS/CSS) @soulislove

  30. Our history of performance testing @soulislove

  31. PHP -> RUM-> Synthetic @soulislove

  32. RUM @soulislove

  33. @soulislove Metrics from real users Sampled (1/100) Buckets: platform, browser,

    location https://github.com/wikimedia/mediawiki-extensions-NavigationTiming https://grafana.wikimedia.org/d/000000143/navigation-timing?refresh=5m&orgId=1

  34. @soulislove

  35. @soulislove

  36. @soulislove

  37. How we use RUM @soulislove Metrics from “all” users/scenarios Median,

    75, 95, 99 - percentiles Alert on regressions First Paint / LoadEventEnd BFF with synthetic

  38. Synthetic testing @soulislove

  39. @soulislove

  40. @soulislove Browsertime + WebPageReplay

  41. That flat line @soulislove

  42. Deviation @soulislove

  43. How we use synthetic @soulislove Fixing the chaos (or creating

    more?) Wayback machine Three URLs per alert First Visual Change BFF with RUM

  44. Learnings: Synthetics @soulislove

  45. Validate metrics! @soulislove

  46. @soulislove

  47. https://phabricator.wikimedia.org/T187981 @soulislove

  48. @soulislove

  49. page1 != page2 @soulislove

  50. @soulislove Deviation

  51. @soulislove User journey: second view

  52. @soulislove User journey: second view

  53. Server matters! @soulislove

  54. 1. AWS vs GCS vs other cloud providers 2. Servers

    change over time (what runs on the same physical server?) 3. C4.xlarge != C4.xlarge @soulislove

  55. @soulislove https://phabricator.wikimedia.org/T192138 https://phabricator.wikimedia.org/T192138 https://phabricator.wikimedia.org/T192138 https://youtu.be/pYbgcDfM2Ts?t=1575

  56. Testing multiple steps are hard @soulislove

  57. How long time do your user stay on each page?

    How long do browsers keep HTTP connections open? @soulislove

  58. Browser versions matter @soulislove

  59. None

  60. Know when browsers are updated!!! @soulislove

  61. Learnings: RUM @soulislove

  62. RUM can be good for finding regressions @soulislove

  63. None

  64. User Timing API != what shows on screen @soulislove

  65. @soulislove

  66. New element timings are better! @soulislove

  67. @soulislove

  68. Browser versions are important @soulislove

  69. @soulislove

  70. @soulislove

  71. The hidden tabs incident @soulislove

  72. @soulislove The idea: async all the things … use setTimeout

    to run things later.

  73. @soulislove https://phabricator.wikimedia.org/T146510 setTimeout

  74. @soulislove https://phabricator.wikimedia.org/T146510

  75. @soulislove 10% of the traffics opens in another tab!

  76. What are we missing? @soulislove

  77. @soulislove

  78. @soulislove RUM Higher sample rate Buckets per page type Which

    metrics are important?

  79. @soulislove Synthetic Real mobile phones (T197847) Easier for devs to

    add tests (T225416)

  80. Case study: 3/9-2019 incident @soulislove https://phabricator.wikimedia.org/T231929

  81. @soulislove Firefox

  82. @soulislove Firefox

  83. @soulislove Chrome

  84. @soulislove Firefox

  85. @soulislove WebPageTest

  86. @soulislove

  87. @soulislove TTFB? No: because visible with WebPageReplay

  88. @soulislove ttfb?

  89. @soulislove ttfb?

  90. @soulislove ttfb?

  91. @soulislove Screenshots/video Diff the HAR using https://compare.sitespeed.io or size per

    content type in Graphite

  92. @soulislove ttfb?

  93. @soulislove We got 311 span class=“cs1-visible-error”!!! Citation errors: not shown

    to readers https://en.wikipedia.org/wiki/Help:CS1_errors

  94. @soulislove Credits Pippi and father - SVT Quick et Flupke

    - Hergé The king shouting - Expressen The scream - Edward Munch Napoleon - Horace Vernet Engineers India Space Shuttle - Expressen Various pictures of Carl Gustaf - Swedish tax payers through the apanage

  95. @soulislove Questions?? @soulislove peter@wikimedia.org