Building High Performance Web Sites
Upcoming SlideShare
Loading in...5
×
 

Building High Performance Web Sites

on

  • 1,533 views

Users don't like slow sites, Search engines don't like slow sites, Nobody likes slow sites. This talk will give you a head start in performance optimization and explain how easy building High ...

Users don't like slow sites, Search engines don't like slow sites, Nobody likes slow sites. This talk will give you a head start in performance optimization and explain how easy building High Performance Websites is. We'll be exploring ways to get big wins and some common mistakes to avoid.

Statistics

Views

Total Views
1,533
Views on SlideShare
1,532
Embed Views
1

Actions

Likes
0
Downloads
21
Comments
0

1 Embed 1

http://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Building High Performance Web Sites Building High Performance Web Sites Presentation Transcript

  • Building High PerformanceWeb SitesPraveen P. N ( @holydevil )
  • 2006
  • 2011trademarks and logos are the property of their respective owners
  • How the browser works
  • LatencyI/O latencyL1: 3 cyclesL2: 14 cyclesRAM: 250 cyclesDISK: 41,000,000 cyclesNETWORK: 240,000,000 cycles
  • Everybody makes mistakesHere are some common ones to avoid …
  • Not measuring is BADTools: Boomerang, WebPagetest, YSlow, Pagespeed, etc.
  • Measuring wrong pages is WORSE!   Find where users spends most of their time!   Look for patternse.g. News Site Traffic Home page Article page Photos page
  • Cookie free domains! rediff.com ✗! indiatimes.com ✗! in.com ✗! microsoft.com ✗!   way2sms.com ✗! sulekha.com ✗! moneycontrol.com ✗Note: Randomly picked sites from Alexa top 50 list for India
  • Getting Caching wrongHTTP/1.1 200 OK!Date: Mon, 25 Jul 2011 11:39:55 GMT!Expires: Tue, 22 Jul 2011 11:39:55 GMT!Last-Modified: Tue, 22 Jul 2011 11:30:45 GMT!!HTTP/1.1 200 OK!Cache-Control: private!Date: Fri, 29 Jul 2011 17:23:34 GMT!Content-Length: 834!
  • ProofHTTP/1.1 200 OK!Date: Mon, 25 Jul 2011 11:39:55 GMT!Cache-Control: no-cache!Last-Modified: Tue, 22 Jul 2011 11:30:45 GMT!!Source: httparchive.org
  • Big Wins
  • Post-load contentbelow the fold
  • Yahoo! News
  • Image optimization Source: httparchive.orgTools: smush.it, pngcrush, etc.
  • Use a CDNAn example> www.example.com has 30 components(images+css+js)> All components are served from US and user is in IndiaAverage latency to US = 300ms30 X 300 ms = 9 sec (page load time)> If content is served by a CDN from IndiaAverage latency within India = 50ms30 X 50ms = 1.5 sec (page load time)
  • Selective loading of JavaScript Source: httparchive.org!   Load JavaScript that is required for basic features!   Defer the loading of other JS files based on time or user activity
  • What do I do now?
  • TO-Do!   Start measuring !   Use Boomerang, WPT, ShowSlow, etc.!   Use proven tools to find problems ! Yslow, Pagespeed, Dynatrace, etc.!   Fix issues!   Look at results!   WIN!
  • Thank you!and Questions
  • Contactpraveenp@yahoo-inc.com or @holydevil
  • Credits! http://www.flickr.com/photos/sixthlie/4462063010/! http://www.flickr.com/photos/aussiegall/286709039/! http://www.flickr.com/photos/ryusha/2438452274/Trademarks and logos used in this presentation are the property of their respectiveowners!   Slides will be available on Slideshare