Your SlideShare is downloading. ×
0
Extending Boomerang  Philip Tellis / philip@bluesmoon.info           HTML5 Dev Conf / 2013-04-02HTML5 Dev Conf / 2013-04-0...
• Philip Tellis• @bluesmoon• philip@bluesmoon.info• performance / security• javascript       HTML5 Dev Conf / 2013-04-02  ...
I really like to study performance on the web   HTML5 Dev Conf / 2013-04-02   Extending Boomerang   3
0                       HistoryHTML5 Dev Conf / 2013-04-02   Extending Boomerang   4
Jean-Antoine Nollet – 1746          HTML5 Dev Conf / 2013-04-02   Extending Boomerang   5
260 years later. . .HTML5 Dev Conf / 2013-04-02   Extending Boomerang   6
Measure real user to get the real picture           HTML5 Dev Conf / 2013-04-02   Extending Boomerang   7
Real Users     • Get delighted     • Get frustrated     • Have credit cards     • ... that they are attached to     • Form...
Real Users     • Get delighted     • Get frustrated     • Have credit cards     • ... that they are attached to     • Form...
Real Users     • Get delighted     • Get frustrated     • Have credit cards     • ... that they are attached to     • Form...
Real Users     • Get delighted     • Get frustrated     • Have credit cards     • ... that they are attached to     • Form...
Real Users     • Get delighted     • Get frustrated     • Have credit cards     • ... that they are attached to     • Form...
1                  boomerangHTML5 Dev Conf / 2013-04-02   Extending Boomerang   9
Real User Measurement                 –  github.com/lognormal/boomerangHTML5 Dev Conf / 2013-04-02   Extending Boomerang  ...
What can we measure?HTML5 Dev Conf / 2013-04-02   Extending Boomerang   11
Anything that the user does!HTML5 Dev Conf / 2013-04-02   Extending Boomerang   12
NavTiming – W3C Candidate Recommendation         HTML5 Dev Conf / 2013-04-02   Extending Boomerang   13
Browser Support for NavTiming – April 2013          HTML5 Dev Conf / 2013-04-02   Extending Boomerang   14
Real Users don’t always use ideal browsers  HTML5 Dev Conf / 2013-04-02   Extending Boomerang   15
So there’s a lot of magic to support the other 33.2%       HTML5 Dev Conf / 2013-04-02   Extending Boomerang   16
boomerang    • BSD licensed    • Measure load time, bandwidth, latency    • DNS lookup time, NavTiming, Connection Type   ...
And it beacons all of this back to a predefined URL      HTML5 Dev Conf / 2013-04-02   Extending Boomerang   18
boomerang is only a beaconing system, functionality              is added with plugins      HTML5 Dev Conf / 2013-04-02   ...
2          Let’s get hackingHTML5 Dev Conf / 2013-04-02   Extending Boomerang   20
Get the code from github      https://github.com/bluesmoon/boomerang-sample-plugin     • branches are steps     • commit l...
3                     Fun stuffHTML5 Dev Conf / 2013-04-02   Extending Boomerang   22
Spot the datacenter           HTML5 Dev Conf / 2013-04-02   Extending Boomerang   23
It’s actually in Nederland           HTML5 Dev Conf / 2013-04-02   Extending Boomerang   24
How does bandwidth change around the world?          HTML5 Dev Conf / 2013-04-02   Extending Boomerang   25
What does a website’s performance distribution look                      like?      HTML5 Dev Conf / 2013-04-02   Extendin...
That’s my Blog (please visit)           HTML5 Dev Conf / 2013-04-02   Extending Boomerang   27
Log-normal distribution           HTML5 Dev Conf / 2013-04-02   Extending Boomerang   28
Bimodal distribution           HTML5 Dev Conf / 2013-04-02   Extending Boomerang   29
Did you know that IE7 seems to be faster than IE8?      HTML5 Dev Conf / 2013-04-02   Extending Boomerang   30
But that’s mostly IE9 users browsing in IE7           compatibility mode.  HTML5 Dev Conf / 2013-04-02   Extending Boomera...
Did you know that users bounce if a page is too                   fast?    HTML5 Dev Conf / 2013-04-02   Extending Boomera...
But that’s mostly because error pages are the fastest.       HTML5 Dev Conf / 2013-04-02   Extending Boomerang   33
Did you know that user patience wrt performance is               a cultural thing?      HTML5 Dev Conf / 2013-04-02   Exte...
It’s tied both to where a user is from, and also the                  type of service.     HTML5 Dev Conf / 2013-04-02   E...
User Engagement: LD50         HTML5 Dev Conf / 2013-04-02   Extending Boomerang   36
Summary      Measure → Hypothesize → Test → Fix                ← Repeat ←          HTML5 Dev Conf / 2013-04-02   Extending...
Thank You!                        Questions?HTML5 Dev Conf / 2013-04-02   Extending Boomerang   38
Sources     • Jean-Antoine Nollet from Wikimedia Commons       http://commons.wikimedia.org/wiki/File%3AJean-Antoine_Nolle...
• Philip Tellis• @bluesmoon• philip@bluesmoon.info• www.SOASTA.com• boomerang• LogNormal Blog       HTML5 Dev Conf / 2013-...
Upcoming SlideShare
Loading in...5
×

Extending Boomerang

11,582

Published on

When we built boomerang at Yahoo!, we planned on it being a generic beaconing system with different payloads attached by plugins. We published an API, and wrote plugins to measure page roundtrip time, network throughput and latency. We received other plugins from Yahoo! to measure IPv6 and DNS latency, and then nothing happened...

Until one day, a certain Mr. Brewer submitted a NavTiming plugin. As it turns out, people were using boomerang in-house, and creating their own plugins that were never published.

In this talk, we’ll go over the basics of writing a boomerang plugin to measure anything you need, some best practices involved with writing plugins, and examples of third party plugins that others have written.

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
11,582
On Slideshare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
21
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "Extending Boomerang"

  1. 1. Extending Boomerang Philip Tellis / philip@bluesmoon.info HTML5 Dev Conf / 2013-04-02HTML5 Dev Conf / 2013-04-02 Extending Boomerang 1
  2. 2. • Philip Tellis• @bluesmoon• philip@bluesmoon.info• performance / security• javascript HTML5 Dev Conf / 2013-04-02 Extending Boomerang 2
  3. 3. I really like to study performance on the web HTML5 Dev Conf / 2013-04-02 Extending Boomerang 3
  4. 4. 0 HistoryHTML5 Dev Conf / 2013-04-02 Extending Boomerang 4
  5. 5. Jean-Antoine Nollet – 1746 HTML5 Dev Conf / 2013-04-02 Extending Boomerang 5
  6. 6. 260 years later. . .HTML5 Dev Conf / 2013-04-02 Extending Boomerang 6
  7. 7. Measure real user to get the real picture HTML5 Dev Conf / 2013-04-02 Extending Boomerang 7
  8. 8. Real Users • Get delighted • Get frustrated • Have credit cards • ... that they are attached to • Form an impression from experience HTML5 Dev Conf / 2013-04-02 Extending Boomerang 8
  9. 9. Real Users • Get delighted • Get frustrated • Have credit cards • ... that they are attached to • Form an impression from experience HTML5 Dev Conf / 2013-04-02 Extending Boomerang 8
  10. 10. Real Users • Get delighted • Get frustrated • Have credit cards • ... that they are attached to • Form an impression from experience HTML5 Dev Conf / 2013-04-02 Extending Boomerang 8
  11. 11. Real Users • Get delighted • Get frustrated • Have credit cards • ... that they are attached to • Form an impression from experience HTML5 Dev Conf / 2013-04-02 Extending Boomerang 8
  12. 12. Real Users • Get delighted • Get frustrated • Have credit cards • ... that they are attached to • Form an impression from experience HTML5 Dev Conf / 2013-04-02 Extending Boomerang 8
  13. 13. 1 boomerangHTML5 Dev Conf / 2013-04-02 Extending Boomerang 9
  14. 14. Real User Measurement – github.com/lognormal/boomerangHTML5 Dev Conf / 2013-04-02 Extending Boomerang 10
  15. 15. What can we measure?HTML5 Dev Conf / 2013-04-02 Extending Boomerang 11
  16. 16. Anything that the user does!HTML5 Dev Conf / 2013-04-02 Extending Boomerang 12
  17. 17. NavTiming – W3C Candidate Recommendation HTML5 Dev Conf / 2013-04-02 Extending Boomerang 13
  18. 18. Browser Support for NavTiming – April 2013 HTML5 Dev Conf / 2013-04-02 Extending Boomerang 14
  19. 19. Real Users don’t always use ideal browsers HTML5 Dev Conf / 2013-04-02 Extending Boomerang 15
  20. 20. So there’s a lot of magic to support the other 33.2% HTML5 Dev Conf / 2013-04-02 Extending Boomerang 16
  21. 21. boomerang • BSD licensed • Measure load time, bandwidth, latency • DNS lookup time, NavTiming, Connection Type • Page Parameters • And anything else you can write a plugin for HTML5 Dev Conf / 2013-04-02 Extending Boomerang 17
  22. 22. And it beacons all of this back to a predefined URL HTML5 Dev Conf / 2013-04-02 Extending Boomerang 18
  23. 23. boomerang is only a beaconing system, functionality is added with plugins HTML5 Dev Conf / 2013-04-02 Extending Boomerang 19
  24. 24. 2 Let’s get hackingHTML5 Dev Conf / 2013-04-02 Extending Boomerang 20
  25. 25. Get the code from github https://github.com/bluesmoon/boomerang-sample-plugin • branches are steps • commit logs are explanations HTML5 Dev Conf / 2013-04-02 Extending Boomerang 21
  26. 26. 3 Fun stuffHTML5 Dev Conf / 2013-04-02 Extending Boomerang 22
  27. 27. Spot the datacenter HTML5 Dev Conf / 2013-04-02 Extending Boomerang 23
  28. 28. It’s actually in Nederland HTML5 Dev Conf / 2013-04-02 Extending Boomerang 24
  29. 29. How does bandwidth change around the world? HTML5 Dev Conf / 2013-04-02 Extending Boomerang 25
  30. 30. What does a website’s performance distribution look like? HTML5 Dev Conf / 2013-04-02 Extending Boomerang 26
  31. 31. That’s my Blog (please visit) HTML5 Dev Conf / 2013-04-02 Extending Boomerang 27
  32. 32. Log-normal distribution HTML5 Dev Conf / 2013-04-02 Extending Boomerang 28
  33. 33. Bimodal distribution HTML5 Dev Conf / 2013-04-02 Extending Boomerang 29
  34. 34. Did you know that IE7 seems to be faster than IE8? HTML5 Dev Conf / 2013-04-02 Extending Boomerang 30
  35. 35. But that’s mostly IE9 users browsing in IE7 compatibility mode. HTML5 Dev Conf / 2013-04-02 Extending Boomerang 31
  36. 36. Did you know that users bounce if a page is too fast? HTML5 Dev Conf / 2013-04-02 Extending Boomerang 32
  37. 37. But that’s mostly because error pages are the fastest. HTML5 Dev Conf / 2013-04-02 Extending Boomerang 33
  38. 38. Did you know that user patience wrt performance is a cultural thing? HTML5 Dev Conf / 2013-04-02 Extending Boomerang 34
  39. 39. It’s tied both to where a user is from, and also the type of service. HTML5 Dev Conf / 2013-04-02 Extending Boomerang 35
  40. 40. User Engagement: LD50 HTML5 Dev Conf / 2013-04-02 Extending Boomerang 36
  41. 41. Summary Measure → Hypothesize → Test → Fix ← Repeat ← HTML5 Dev Conf / 2013-04-02 Extending Boomerang 37
  42. 42. Thank You! Questions?HTML5 Dev Conf / 2013-04-02 Extending Boomerang 38
  43. 43. Sources • Jean-Antoine Nollet from Wikimedia Commons http://commons.wikimedia.org/wiki/File%3AJean-Antoine_Nollet.jpg • Steve Souders by weboo on flickr http://www.flickr.com/photos/weboo/2539831515/ HTML5 Dev Conf / 2013-04-02 Extending Boomerang 39
  44. 44. • Philip Tellis• @bluesmoon• philip@bluesmoon.info• www.SOASTA.com• boomerang• LogNormal Blog HTML5 Dev Conf / 2013-04-02 Extending Boomerang 40
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×