14

Click here to load reader

Introduction to Web Performance

Embed Size (px)

DESCRIPTION

Short introduction to Web Performance by Sergey Chernyshev at August 4th NY Web Performance Meetup. Does not include Andreas Grabner's dynaTrace AJAX Edition slides.

Citation preview

Page 1: Introduction to Web Performance

dynaTrace AJAX Ed ition

with Andreas Grabner

August 4

Page 2: Introduction to Web Performance

NY Web Performance

New York, Los Ange lesSan Franc isco, Boston

552 members

19th mee tup since May 2009

Page 3: Introduction to Web Performance

Twitter

@NYWebPerf #webperf

@perfp lane t @segeyche

Page 4: Introduction to Web Performance

Upcoming events

August 24, 2010

Meet for SpeedF ixing your site

Want to host?

Page 5: Introduction to Web Performance

Want to speak?Ta lk to me!

Page 6: Introduction to Web Performance

Announcements?

• H iring web speeders?

• Have a projec t you're working on?

• Found new tool?

• Mee tups / conferences?

Page 7: Introduction to Web Performance

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

Page 8: Introduction to Web Performance

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

Page 9: Introduction to Web Performance

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

Page 10: Introduction to Web Performance

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)

Page 11: Introduction to Web Performance

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

Page 12: Introduction to Web Performance

• 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

Page 13: Introduction to Web Performance

Trends

• Progressive rendering

• Asynchronous JS load and Widge ts

• TCP/IP and other protocol upgrades (SPDY)

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

Page 14: Introduction to Web Performance

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