The document discusses Boomerang, an open source tool for measuring real user performance on websites. It measures load times, bandwidth usage, latency and other metrics. Additional functionality can be added through plugins. The presentation encourages developers to use Boomerang to analyze user behavior, identify performance issues, and continuously improve sites based on real user data. It provides several examples of insights that can be gained, such as how performance varies by country, browser, and internet connection speed.
6. 260 years later. . .
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 6
7. Measure real user to get the real picture
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 7
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. 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. 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. 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. 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
18. Browser Support for NavTiming – April 2013
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 14
19. Real Users don’t always use ideal browsers
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 15
20. So there’s a lot of magic to support the other 33.2%
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 16
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. And it beacons all of this back to a predefined URL
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 18
23. boomerang is only a beaconing system, functionality
is added with plugins
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 19
24. 2
Let’s get hacking
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 20
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. 3
Fun stuff
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 22
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. • Philip Tellis
• @bluesmoon
• philip@bluesmoon.info
• www.SOASTA.com
• boomerang
• LogNormal Blog
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 40