Introduction to Web Performance

dynaTrace AJAX Ed ition

with Andreas Grabner

August 4

NY Web Performance

New York, Los Ange lesSan Franc isco, Boston

552 members

19th mee tup since May 2009

Twitter

@NYWebPerf #webperf

@perfp lane t @segeyche

Upcoming events

August 24, 2010

Meet for SpeedF ixing your site

Want to host?

Want to speak?Ta lk to me!

Announcements?

• H iring web speeders?

• Have a projec t you're working on?

• Found new tool?

• Mee tups / conferences?

Why performance?User experience

$$$ Money $$$

• Shopz illa +7-12% conversions!

& -50% opera tion costs

• +15% (+60M) downloads for F ire fox. (-1sec = > +2.7% downloads)

• Slowness is sticky (Goog le and Microsoft)

SEO: Goog le now uses site's speed in ranking

Where to look?88 requests, 6.344sec , only 0.968sec on backend - just 15%

Where? Front end!151 requests, 6.3s, only 0.1s on backend - less then 2%

Page Sta tistics

2003

93.7K

25.7

2009

507K

64.7

Size:

O b jec ts:

Average Web Page Size Quintup les Since 2003 Andrew K ing (WebSite O p timiza tion.com)

Average Web Page Size Quintup les Since 2003 Andrew K ing (WebSite O p timiza tion.com)

• Load Time: +0.533 s

• Time to first byte: +0.117 s

• Time to start render: +0.179 s

• Page Size: +48 KB

• Requests: +4

• Connec tions: +1

• DNS Lookups: +1

Page Sta tistics

Are pages ge tting faster? Pa trick Meenan (WebPageTest.org)

in 1 year

Trends

• Progressive rendering

• Asynchronous JS load and Widge ts

• TCP/IP and other protocol upgrades (SPDY)

• Tool standard iza tion (e .g . HAR)

Tools• dynaTrace AJAX Ed ition

• F irebug (+ Ne tExport)

• YSlow

• PageSpeed

• ShowSlow

• GTMe trix

• WebPageTest.org (A OL PageTest)

• HTTP Wa tch

• F idd ler

• Goog le Speed Tracer

• SpriteMe

• Browserscope

• Cuz illion