Upload
philip-tellis
View
11.455
Download
0
Tags:
Embed Size (px)
DESCRIPTION
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.
Citation preview
Extending Boomerang
Philip Tellis / [email protected]
HTML5 Dev Conf / 2013-04-02
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 1
• Philip Tellis• @bluesmoon• [email protected]• performance / security• javascript
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 2
I really like to study performance on the web
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 3
Jean-Antoine Nollet – 1746
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 5
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 an impression from experience
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 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
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
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
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
Real User Measurement–
github.com/lognormal/boomerang
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 10
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• Page Parameters• And anything else you can write a plugin for
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 17
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, functionalityis added with plugins
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 19
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
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 looklike?
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 26
That’s my Blog (please visit)
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 27
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 IE7compatibility mode.
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 31
Did you know that users bounce if a page is toofast?
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 32
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 isa cultural thing?
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 34
It’s tied both to where a user is from, and also thetype of service.
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 35
Summary
Measure→ Hypothesize→ Test → Fix← Repeat ←↩
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 37
Sources
• Jean-Antoine Nollet from Wikimedia Commonshttp://commons.wikimedia.org/wiki/File%3AJean-Antoine_Nollet.jpg
• Steve Souders by weboo on flickrhttp://www.flickr.com/photos/weboo/2539831515/
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 39
• Philip Tellis• @bluesmoon• [email protected]• www.SOASTA.com• boomerang• LogNormal Blog
HTML5 Dev Conf / 2013-04-02 Extending Boomerang 40