Extending Boomerang
-
Upload
philip-tellis -
Category
Technology
-
view
11.450 -
download
0
description
Transcript of Extending Boomerang
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