Web Performance - Why it matters

967 views

Published on

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

No Downloads
Views
Total views
967
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
19
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Web Performance - Why it matters

  1. 1. WEB PERFORMANCE WHY IT MATTERSENRICO FOSCHIskillpages.com/enrico.foschi - @enricofoschi
  2. 2. WHY IS IT IMPORTANT? -HOW IS IT AFFECTING YOUR BUSINESS? - HOW CAN YOU IMPROVE IT?
  3. 3. 10 years web development experience 6 years as a Front End development team leader USERS FIRST kind of guy
  4. 4. 2007
  5. 5. 0 to 2 MILLION USERS ... IN 10 MONTHS!
  6. 6. I AM A BIT OF AWEB PERFORMANCE FREAK
  7. 7. HERE’S A STORYEVERYBODY LOVES A GOOD STORY
  8. 8. EVEN IF THEY AREEXTREMELY SLOW!(HE’S A VINTAGE TYPE OF GUY)
  9. 9. JOHN ISA LOYAL USER
  10. 10. BUTPADDY IS YOURAVERAGE USER
  11. 11. AND NOW?
  12. 12. THE TRUTH IS
  13. 13. SOME INTERESTING FACTS...
  14. 14. Users tolerance of page load time (in s) study from University of Nebraska87654321 Tolerance0 1999 2006 2009
  15. 15. > 4 SECONDS
  16. 16. FOR EVERYEXTRA SECOND
  17. 17. EXTRA 400 ms
  18. 18. FOR EVERYEXTRA 100 ms
  19. 19. EXTRA 500 ms
  20. 20. AS AN EXAMPLE, WHAT WOULDHAPPEN ON A SLOWE-COMMERCE SITE?
  21. 21. 79
  22. 22. 64
  23. 23. 46
  24. 24. 44
  25. 25. 27
  26. 26. FASTER WEBSITE MEANS MORE USERS
  27. 27. IF THATWASN’T ENOUGH!
  28. 28. Site speed is now a core part of searchranking algorithmsGoogle Webmasters Blog
  29. 29. FASTER WEBSITE MEANSBETTER RANKING AND, BACK TO THE ORIGINAL POINT…
  30. 30. BETTER RANKING MEANS MORE USERS
  31. 31. WHAT NOW?
  32. 32. 1. MEASURE2. IMPROVE3. MONITOR
  33. 33. MEASURE
  34. 34. BUT CONSIDER THAT…
  35. 35. USERS ARE HAPPYWHEN THEY CAN INTERACT EVEN IF THE PAGE IS NOT FULLY LOADED
  36. 36. IMPROVE
  37. 37. BACK END{ DATA / BUSINESS DOWNLOADING CONTENT LOGIC FRONT END
  38. 38. > 80% MAINPERFORMANCE ISSUESARE IN THE FRONT END
  39. 39. FRONT END PERFORMANCEIMPROVEMENTS ARE:
  40. 40. CAUTIONTHE NEXT SLIDES ARE SLIGHTLY TECHNICAL
  41. 41. LOAD LESS STUFFUSE SPRITES
  42. 42. LOAD LESS STUFFCSS / JAVASCRIPTCONCATENATION
  43. 43. LOAD SMALLER STUFF COMPRESS CONTENT FILES
  44. 44. LOAD SMALLER STUFF MINIFY JAVASCRIPT, CSS, HTML
  45. 45. DON’T RELOADTHE SAME STUFFCACHE CONTENTUNTIL IT CHANGES
  46. 46. PROPERLY LOAD YOUR STUFF USE A CONTENTDELIVERY NETWORK (CDN)
  47. 47. LOAD YOUR STUFF FASTERUSE MULTIPLE DOMAINS
  48. 48. LOAD GOOD STUFF AVOID 404 ERRORS
  49. 49. MONITOR
  50. 50. SHOWSLOWwww.showslow.com
  51. 51. WEBPAGETEST.org CAN MEASURE “TIME TO INTERACT”
  52. 52. REMEMBER TO MEASURE
  53. 53. COMPARE EACHVERSION WITH THE PREVIOUS ONE
  54. 54. ANALYSE GAINS AND LOSSES
  55. 55. OTHERWISE…
  56. 56. TO TAKE HOME: 1. WEB PERFORMANCE IS KEY 2. FASTER WEBSITE MEANS MORE USERS 3. MEASURE YOUR WEBSITE4. IMPROVE YOUR FRONT END PERFORMANCE 6. KEEP MONITORING
  57. 57. INVEST IN GOODFRONT END DEVELOPERS
  58. 58. “If it is fast and ugly, they willuse it and curse you; if it isslow, they will not use it.”David Cheriton
  59. 59. Email: enrico.foschi@skillpages.comWeb: skillpages.com/enrico.foschiTwitter: @enricofoschi SLIDES: bit.ly/wsperf2011
  60. 60. http://www.flickr.com/photos/p0psicle/5206181863/http://www.flickr.com/photos/meer/2658968648http://www.flickr.com/photos/twinleaves/298592419http://www.flickr.com/photos/tigerpixel/3185410319/http://www.flickr.com/photos/drewleavy/3394892584/http://www.flickr.com/photos/61417318@N00/3182666361http://www.flickr.com/photos/gettysgirl/4241911286http://www.flickr.com/photos/feldore/5610695978http://www.flickr.com/photos/jamesjustin/3624616802http://www.flickr.com/photos/davepatten/2440867482http://www.flickr.com/photos/ahans/4055645909/http://www.flickr.com/photos/pagedooley/2121472112http://www.flickr.com/photos/spackletoe/90811910/http://www.flickr.com/photos/teotwawki/51513468/http://www.flickr.com/photos/alancleaver/2638883650/http://www.flickr.com/photos/travelingtribe/2661115098/

×