Your SlideShare is downloading. ×
0
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Waterfall AntiPatterns - Web Performance Analysis (San Francisco)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Waterfall AntiPatterns - Web Performance Analysis (San Francisco)

360

Published on

You've been asked to investigate why your web site is loading slowly. You've heard of WebPagetest.org so you enter the URL and run a test. What appears next is a colorful chart that looks like a Dr. …

You've been asked to investigate why your web site is loading slowly. You've heard of WebPagetest.org so you enter the URL and run a test. What appears next is a colorful chart that looks like a Dr. Seuss illustration. Some bars are long, some are short. Some bars are blue, some are green. "That's nice," you say to yourself, wondering what to do next. It looks benign, innocently simple. But you know it holds many secrets.

The waterfall chart is a mysterious force to some developers. Performance gurus seem to be able to divine the ailments of a slow site at one quick glance. "How?" you wonder. The reality is that anyone can read a waterfall chart - if they know that they are looking for.

This presentation will bestow upon you the ability to recognize specific patterns in a waterfall chart, patterns which are the signs of a slow site. Using these newfound skills, you will become that performance guru and everyone will rejoice.

Presented to the San Francisco Web Performance Group on June 6, 2013.
http://www.meetup.com/SF-Web-Performance-Group/events/121034862/

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
360
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. WaterfallAntiPatternsSan Francisco WebPerformance GroupJune 6, 2013Rick ViscomiPerformance Engineer
  • 2. About Me● Web Developer○ YouTube○ Google● Performance Engineer○ Food Network○ Travel Channel○ HGTV● Open source developer○ trunk8○ red dwarfjrvis.com
  • 3. Web Performance
  • 4. Waterfall
  • 5. Waterfall Slope
  • 6. Waterfall AntiPatterns
  • 7. Anatomy of a Request● DNS Lookup● Initial Connection● SSL Negotiation● TTFB● Content Download
  • 8. HTTP Responses: Redirects● 301 Moved Permanently● 302 Found
  • 9. HTTP Responses: Not Modified● Conditional GET● Cache static content with long TTL○ Cache-Control: max-age=31536000Last-Modified: Thu, 06 Jun 2013 15:17:34GMT● Cache busting○ style_20130606.css
  • 10. HTTP Responses: Errors● 404 Not FoundExtra Credit: What happened here?
  • 11. Canceled RequestsInternet Explorer only »
  • 12. Navigation Timing● domContentLoaded* (document.ready)● Start Render (first paint)● loadEvent* (onload)● Document Complete (loadEventStart)* Chrome and Firefox only
  • 13. Navigation Timing
  • 14. Navigation Timing
  • 15. Navigation Timing
  • 16. Request Serialization● "stair step" pattern● many requests● few connections○ 2 - 6● HTTP 2.0?
  • 17. Request SerializationConnection Viewcssjavascriptimagesflash
  • 18. Request SerializationConnection Viewcssjavascriptimagesflash
  • 19. Closed Connections● TCP overhead● Enable Keep-Alive≈
  • 20. Network Silence● bandwidth utilization low● CPU utilization high○ why?Demo
  • 21. Summary● waterfall slope● request components● HTTP responses○ redirects○ conditional GETs○ errors● page load events● request concurrency● network utilization
  • 22. Thank YouRick Viscomirick@jrvis.com@rick_viscomiHands-OnWeb PerformanceOptimizationWorkshopComing Soon:June 18, 2013Santa Clara, CA
  • 23. Preview: Worst of WebPagetest● 46 requests○ 5 successful● 21 seconds to StartRender● 30% gzip savingswww.aplia.com
  • 24. Preview: Worst of WebPagetest● 443 requests● 8,000 DOMelements● 1.6 MB of JavaScript● 75 unique domainscoder143.com
  • 25. Preview: Worst of WebPagetest● 2 MB page weight● 26 second load time● 17 second repeat viewwww.taboradelaide.edu.au/
  • 26. Thank YouRick Viscomirick@jrvis.com@rick_viscomiHands-OnWeb PerformanceOptimizationWorkshopComing Soon:June 18, 2013Santa Clara, CA

×