Business Aspects of High Performance Websites
Upcoming SlideShare
Loading in...5
×
 

Business Aspects of High Performance Websites

on

  • 8,239 views

 

Statistics

Views

Total Views
8,239
Views on SlideShare
6,829
Embed Views
1,410

Actions

Likes
24
Downloads
225
Comments
1

15 Embeds 1,410

http://www.fischmarkt.de 1223
http://www.slideshare.net 125
http://blog.sinnerschrader.de 35
https://trillr.coremedia.com 13
http://albinogoncalves.wordpress.com 3
http://trendwork.kmf.de 2
http://www.google.de 1
http://webcache.googleusercontent.com 1
http://localhost 1
http://translate.googleusercontent.com 1
http://static.slidesharecdn.com 1
http://nurato181.wordpress.com 1
http://www.trendwork.de 1
http://65.55.177.205 1
https://drive.jolicloud.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution 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…
  • webdev, performance
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Business Aspects of High Performance Websites Business Aspects of High Performance Websites Presentation Transcript

  • Very High Performance Websites The Next Competitive Advantage* Slide
  • Me _Software Developer at SinnerSchrader _JavaScript Victim Extraordinair _http://nonblocking.io _@cramforce Slide 2
  • Faster, more responsive Websites perform significantly better Slide 3
  • Higher Conversion Slide 4
  • Longer, Yes Longer Duration on Site Slide 5
  • More Page Impressions Slide 6
  • Load time now a≠ects Search Ranking Slide 7
  • Go watch http://www.youtube.com/watch?v=nCgQDjiotG0
  • Proof
  • 500 ms slower 20% drop in tra∞c Slide 10
  • 100 ms slower 1% drop in sales Slide 11
  • 1000 ms faster Download Page 2,7% better conversion Slide 12
  • 5000 ms faster 12% better conversion Slide 13
  • Potential
  • 8300 ms load time 6000 ms time wasted Slide 15
  • 2900 ms load time 2200 ms time wasted Slide 16
  • What‘s a girl to do?
  • Win the War in the Frontend Slide 19
  • Backend Frontend Slide 20
  • Now Some Very Easy Rules Slide 21
  • Make fewer HTTP requests Use a Content Delivery Network (CDN) Add Expires headers Compress components with gzip Put CSS at top Put JavaScript at bottom Avoid CSS expressions Make JavaScript and CSS external Reduce DNS lookups Minify JavaScript and CSS Avoid URL redirects Remove duplicate JavaScript and CSS Configure entity tags (ETags) Make AJAX cacheable Use GET for AJAX requests Reduce the number of DOM elements Avoid HTTP 404 (Not Found) error Reduce cookie size Use cookie-free domains Avoid AlphaImageLoader filter Do not scale images in HTML Make favicon small and cacheable Slide 22
  • If it is so Great, why doesn‘t Everybody do it?
  • Because it is HARD Slide 24
  • Slide 25
  • Web Development Finally is Hard again Slide 26
  • Hard = Hard to Copy Slide 27
  • Hard to Copy = Potential USP Slide 28
  • You can build a better Website than your Competitor! Slide 29
  • Cost Revenue Slower Faster Slide 30
  • Not everything is a pareto distribution 20% of the possible optimizations get you 50% of the way Slide 31
  • Take Aways
  • Performance is hard, hire the right People! Slide 33
  • 3 Quick Wins to ask your „Webmaster“ Slide 34
  • 1. Do we do Domain- Sharding? 2. Do we load all JavaScript at the bottom of the page? 3. Do we minimize the JavaScript? Slide 35
  • Faster Websites = _ More PIs _ Higher Conversion _ Better SEO _ Better Karma Slide 36
  • Steve Souders http://stevesouders.com/ Fast by Default http://www.slideshare.net/hashc0de/fast-by-default-2400000 Stoyan Stefanov http://www.phpied.com/ High Performance Web Pages - 20 new best practices http://www.slideshare.net/stoyan/high-performance-web-pages-20-new-best-practices Don‘t make me wait http://www.slideshare.net/stoyan/dont-make-me-wait-or-building-highperformance-web-applications The Performance Business Pitch http://www.phpied.com/the-performance-business-pitch/ Nicole Sullivan http://www.stubbornella.org Designing fast Websites http://www.slideshare.net/stubbornella/designing-fast-websites-presentation Slide 37
  • More Sources http://en.oreilly.com/velocity2009/public/schedule/detail/7709 http://blog.mozilla.com/metrics/2010/03/31/firefox-page-load-speed-part-i/ http://en.oreilly.com/velocity2009/public/schedule/detail/7579 http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in- web-search-ranking.html Slide 38
  • Thank You for Listening! http://nonblocking.io @cramforce