High Performance Distribution for Harvard Video, Mobile and the Gazette

1,034 views

Published on

As Harvard's online traffic increases, performance improvements are at the center of the University's web and multimedia efforts. Larry Bouthillier and Chris Traganos will discuss the tools and services used to rapidly distribute and scale content online optimally via content delivery networks. They will discuss the operational and performance implications of online video, traffic spikes on the Gazette and other services that are supported by a distributed network of servers around the world.

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,034
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

High Performance Distribution for Harvard Video, Mobile and the Gazette

  1. 1. High PerformanceDistribution for Harvard Mobile & the Gazette Larry Bouthillier, Digital Video Services, HUIT Chris Traganos • Web Developer, HPAC @ctraganos #hitsummit
  2. 2. Harvard on the Web.
  3. 3. Harvard on the Web.
  4. 4. Overview• The Harvard Gazette is Harvards official newspaper, published in print and online.• Writers, photographers, and editors create the online version which has fresh content delivered daily.• Editorial workflow is used for both creating print and online content.• Powered by WordPress
  5. 5. Mobile Traffic to the Gazette 20113000022500150007500 0 Jun Jul Aug Sept Oct Nov Dec Jan Feb Mar Apr May
  6. 6. SymbianOS 1% AndroidGazette 17%Mobile Blackberry Usage 5% iPhone by 50%Device iPad 27%
  7. 7. HARVARD’s 360thCOMMENCEMENT G)))))))))g VIDEO & WEB Chris Traganos
  8. 8. tBIG DAY G)))))))g MAY 264, 2011
  9. 9. 12 Graduate Schools7,200 Conferred Degrees 323k Living Alumni 102 George Brown ’29
  10. 10. TLIVE STREAM G)))))))))))))))g Class Day • Commencement
  11. 11. SECTIONS
  12. 12. EVENTDETAILS
  13. 13. LIVEVIDEO
  14. 14. SOCIALSTREAM
  15. 15. SCHOOLLINKS
  16. 16. DAILYGAZETTESIGN UP
  17. 17. t MOBILEEXPERIENCE.
  18. 18. 89%Use their smartphone throughout the daySource: The Mobile Movement Study, Google/Ipsos OTX MediaCT , Apr 2011
  19. 19. % of Mobile-only users per country in 201070 70 5953 5435 25 2218 190 Egypt India Kenya US UK Russia
  20. 20. iCommons&
  21. 21. LIVE VIDEO WORK FLOW CAPTURE
  22. 22. LIVE VIDEO CAPTURE
  23. 23. DIGITALENCODING
  24. 24. SERVER NETWORK
  25. 25. DEVICE DETECTION
  26. 26. 30+ MOBILE STREAMS
  27. 27. iPad
  28. 28. (even android...)
  29. 29. tTOTALS
  30. 30. 43,733 Uniques51,021 Visits91,444 Pageviews 1,948 Concurrent 75% US Tra c
  31. 31. CDNContent Delivery Networks
  32. 32. Make fewer HTTP requests and spread them out.
  33. 33. S3 & Cloudfront (Backup CDN)
  34. 34. Dynamic Video Streaming
  35. 35. Optimization &Distribution Tools
  36. 36. Image reduction for faster downloads.
  37. 37. ImageOptim(PNG, JPG, GIF optimizer for Mac OS X)
  38. 38. RIOT(Radical Image Optimization Tool)
  39. 39. Photoshop Droplets Harvard Gazette Team 320kB 90kB
  40. 40. A large photo takes 2-3 seconds to load.320kB
  41. 41. 320kBA ‘droplet’ will resize & compress the image.
  42. 42. Avg. 75% lighter at top quality. 320kB 90kB
  43. 43. Webpage Performance Tips Stylesheets & Javascript on CDNs Stylesheets at the Top Put Scripts at the Bottom Code compression for CSS & Javascript
  44. 44. Hosted libraries with a local fallback.
  45. 45. Example: Hosted libraries with a local fallback.<script  type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script  type="text/javascript">if  (typeof  jQuery  ==  undefined){        document.write(unescape("%3Cscript  src=/Scripts/jquery-­‐1.3.2.min.js  type=text/javascript%3E%3C/script%3E"));}</script>
  46. 46. FurtherReading
  47. 47. READ ONLINE http://hvrd.me/ljjdvWhttp://hvrd.me/ljjdvW (Harvard ID req’d)
  48. 48. READ ONLINEhttp://hvrd.me/m6D943 (Harvard ID req’d)
  49. 49. THANK YOU. - Special thanks: iCommons • MobileCDN • HUIT Telecom Harvard Staff Photographers University Archives Digital Communications - HPAC

×