Distilling RUM

DISTILLING RUM

MY NAME IS CHRIS KELLY

ON THE INTERNET, AMATEURHUMAN

TWITTER.COM/ AMATEURHUMAN

GITHUB.COM/ AMATEURHUMAN

SPEAKERDECK.COM/ AMATEURHUMAN

I WORK AT NEW RELIC

DEVELOPER EVANGELIST COFFEE DRINKER SOAPBOX STANDER HAPPINESS ENGINEER

WHAT IS RUM?

REAL USERS REAL BROWSERS

SO WHAT?

PERFORMANCE AVAILABILITY FUNCTIONALITY

+1 SECOND PAGE LOAD -7% CONVERSIONS

+1 SECOND PAGE LOAD -11% FEWER PAGE VIEWS

-100 MILLISECOND PAGE LOAD +1% INCREASE REVENUE

AVAILABILITY

FUNCTIONALITY

SYNTHETIC VS. REAL

EXPECT VS. ACTUALLY

PREDICTABLE VS. STOCHASTIC

BIASED VS. BIASED

HTTP VS. BROWSER

HTTP MONITORING [(04:44 PM) ckelly@gehry] › ping -c5 http://www.etsy.com PING
http://www.etsy.com (38.106.64.117): 56 data bytes 64 bytes from 38.106.64.117: icmp_seq=0 ttl=243 time=82.605 ms 64 bytes from 38.106.64.117: icmp_seq=1 ttl=243 time=81.944 ms 64 bytes from 38.106.64.117: icmp_seq=2 ttl=243 time=82.114 ms 64 bytes from 38.106.64.117: icmp_seq=3 ttl=243 time=81.689 ms 64 bytes from 38.106.64.117: icmp_seq=4 ttl=243 time=82.569 ms --- http://www.etsy.com ping statistics --- 5 packets transmitted, 5 packets received, 0.0% packet loss round-trip min/avg/max/stddev = 81.689/82.184/82.605/0.356 ms

AVAILABLE?

HTTP MONITORING [(04:42 PM) ckelly@gehry] › time curl http://www.etsy.com <!DOCTYPE
html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/ fbml" > <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=1024" /> ..... </body> </html> curl http://www.etsy.com 0.01s user 0.01s system 4% cpu 0.356 total

PERFORMANT?

SCRIPTABLE VS. SCRIPTABLE

WEB REQUESTS

COLLECTOR BEACON RPM PINGER WWW END-USER YOU NEW RELIC

SATISFIED < T < TOLERATED < 4T < FRUSTRATED T
= RESPONSE TIME THRESHOLD

APDEX = SATISFIED + TOLERATED 2 TOTAL

DESKTOP LATENCY: 65-145ms MOBILE LATENCY: 90-190ms

US-EAST ➡ LONDON: 169ms US-EAST ➡ CA: 73ms

CHROME 22 FIREFOX 14 SAFARI 6 IE 9 BROWSERMARK SCORE,
HIGHER IS BETTER

MAKING THINGS BETTER

FEWER HTTP REQUESTS

EXPIRES HEADERS Web pages are becoming increasingly complex with more
scripts, style sheets, images and Flash on them. A ﬁrst-time visit to a page may require several HTTP requests to load all the components. By using Expires headers these components become cacheable, which avoids unnecessary HTTP requests on subsequent page views. Expires headers are most often associated with images, but they can and should be used on all page components including scripts, style sheets and Flash. Apache ExpiresDefault nginx expires

GZIP COMPRESSION 0 2.5 5.0 7.5 10.0 100 200 300
400 500 600 700 800 900 1000 Total Compressed Total Uncompressed seconds kilobytes

CSS ↑ JAVASCRIPT ↓ BOTH ↬

PERFORMANCE TESTING

APACHEBENCH SIEGE

SELENIUM // Open the browser and return a WebDriver instance
var webDriver = test.openBrowser(); var c = webDriver.getHttpClient(); // Begin recording timing data for a single action test.beginTransaction(); webDriver.get("https://your-app-on-appfog.com"); webDriver.findElement(By.partialLinkText("Sign up")).click(); var form = webDriver.findElement(By.id("new_user")); form.findElement(By.id("name")).sendKeys("tester"+random); form.findElement(By.id("email")).sendKeys("email"+random+"@test.com"); form.findElement(By.id("password")).sendKeys("password"); form.findElement(By.id("password_confirmation")).sendKeys("password"); webDriver.findElement(By.name("commit")).click(); test.waitForNetworkTrafficToStop(2000, 15000); test.endTransaction();

QUESTIONS?

THANK YOU 30-day Free Trial newrelic.com/signup Code: sfphpnov

Distilling RUM

Distilling RUM

More Decks by Chris Kelly

Other Decks in Programming

Featured

Transcript