Web Performance - Why it matters

  • 506 views
Uploaded on

 

More in: Technology , Sports
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
506
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

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