cd /pub
                  cat beer > /dev/bluesmoon




Yahoo! London Pub Night – May 27, 2010 – Wallacespace   Station wa...
Not stuck in a cloud of volcanic ash




Yahoo! London Pub Night – May 27, 2010 – Wallacespace   Station wagons and Electr...
Didn’t get sidetracked on my way here




Yahoo! London Pub Night – May 27, 2010 – Wallacespace   Station wagons and Elect...
Didn’t go on an extended vacation




Yahoo! London Pub Night – May 27, 2010 – Wallacespace   Station wagons and Electrons
Almost not allowed in




Yahoo! London Pub Night – May 27, 2010 – Wallacespace   Station wagons and Electrons
Philip Tellis
          geek
          yahoo
          @bluesmoon
          http://bluesmoon.info/
          philip@bluesm...
Station wagons and Electrons

                     Philip Tellis / philip@bluesmoon.info


       Yahoo! London Pub Night ...
Never underestimate the bandwidth of a station wagon
                     speeding down the motorway
                     ...
Should you fly a 747 or a 737?



           A 747 seats 400+ passengers
           A 737 seats about 150
           Both t...
Bandwidth and Latency




                     How much data can you transfer at once
                                    ...
But bandwidth is easy




Yahoo! London Pub Night – May 27, 2010 – Wallacespace   Station wagons and Electrons
Shannon’s Theorem




                                                                  S
                                ...
Bandwidth can be bought




          Bandwidth has increased steadily over time
          Networks, hard drives, memory, ...
Diminishing returns

    The benefits of increased bandwidth diminish as you get fatter




    Ref: More bandwidth doesn’t...
How fast is the internet?

    YUI Blog measured bandwidth at 1Mbps and latency of 262ms




                             ...
Blink




 The average human eye takes 300-400ms
                to blink




Yahoo! London Pub Night – May 27, 2010 – Wal...
How fast is the internet?




         Akamai measured average global bandwidth at 1.7Mbps




   Ref: State of the Intern...
ISPs




Yahoo! London Pub Night – May 27, 2010 – Wallacespace   Station wagons and Electrons
UK ISPs




    Keep in mind that the Internet latency from the UK to the US is 90-100ms




Yahoo! London Pub Night – May...
Latency – not so easy to sell




Yahoo! London Pub Night – May 27, 2010 – Wallacespace   Station wagons and Electrons
Speed Limits




       3 × 108 m /s – in vacuum
       2 × 108 m /s – in fibre
        =⇒ 26.42ms × 2
       (roundtrip fr...
Round-trip



           It should take a packet around 53ms to go from Boston to
           London and back
           It...
Round-trip



           It should take a packet around 53ms to go from Boston to
           London and back
           It...
But then again...




           Never underestimate the data-transfer capabilities of a
            Galaxy class starship...
Latency isn’t sexy




       When was the last time you saw a TV commercial mention
                               latenc...
ISPs




Yahoo! London Pub Night – May 27, 2010 – Wallacespace   Station wagons and Electrons
UK ISPs




    Keep in mind that the Internet latency from the UK to the US is 90-100ms




Yahoo! London Pub Night – May...
Latency v/s Bandwidth




          Improving latency tends to improve perceived bandwidth
          Improving bandwidth u...
Getting around latency problems




          Don’t add latency – It’s bad enough without us adding to it
          Cachin...
If you can, stuff everything into one call
                     Have a look at search.yahoo.com load up in firebug




Yaho...
Parallelise where possible




          Downloading a script blocks page load, so do it in the
          background inste...
Predict what’s next and fetch it



           If you know what the user will do next, pre-fetch it
                   Yah...
Measure your user’s bandwidth & latency




   Javascript code to measure your user’s bandwidth & latency
   http://bluesm...
Useful tools for performance analysis




          YSlow – Firefox/Firebug plugin from Yahoo!
          PageSpeed – Firef...
Further reading




          developer.yahoo.com/performance – Yahoo!
          code.google.com/speed/page-speed/docs/rul...
Stay tuned...




                                     Coming this summer...
                                    to an int...
Stay tuned...




                                    BOOMERANG
                                                   2010 06...
Photo credits



          flickr.com/photos/sully_aka__wstera2/4538240734/
          flickr.com/photos/gertcha/4168724489/
...
Contact me




          Philip Tellis
          yahoo
          geek
          @bluesmoon
          http://bluesmoon.info...
Thank you




Yahoo! London Pub Night – May 27, 2010 – Wallacespace   Station wagons and Electrons
Upcoming SlideShare
Loading in...5
×

Station-wagons and electrons

2,751

Published on

Talk I did at Yahoo! Developer evening at Wallacespace: http://upcoming.yahoo.com/event/5741424/

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

  • Be the first to like this

No Downloads
Views
Total Views
2,751
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
19
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Station-wagons and electrons"

  1. 1. cd /pub cat beer > /dev/bluesmoon Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  2. 2. Not stuck in a cloud of volcanic ash Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  3. 3. Didn’t get sidetracked on my way here Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  4. 4. Didn’t go on an extended vacation Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  5. 5. Almost not allowed in Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  6. 6. Philip Tellis geek yahoo @bluesmoon http://bluesmoon.info/ philip@bluesmoon.info Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  7. 7. Station wagons and Electrons Philip Tellis / philip@bluesmoon.info Yahoo! London Pub Night – May 27, 2010 – Wallacespace Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  8. 8. Never underestimate the bandwidth of a station wagon speeding down the motorway – Andrew S Tanenbaum? Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  9. 9. Should you fly a 747 or a 737? A 747 seats 400+ passengers A 737 seats about 150 Both take about the same time to fly from FRA to LHR A 747 takes longer to load and unload The best selling aircraft to date is the 737 This analogy would have been much cooler if the Concorde still flew Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  10. 10. Bandwidth and Latency How much data can you transfer at once v/s How quickly can you get your data across Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  11. 11. But bandwidth is easy Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  12. 12. Shannon’s Theorem S C = B × log2 (1 + ) N C – Channel capacity in bps B – Bandwidth in Hz S – Signal strength N – Noise strength – S/N measured in dB Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  13. 13. Bandwidth can be bought Bandwidth has increased steadily over time Networks, hard drives, memory, CPU, system bus, everything. Bandwidth can be parallelised Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  14. 14. Diminishing returns The benefits of increased bandwidth diminish as you get fatter Ref: More bandwidth doesn’t matter (much) – Mike Belshe Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  15. 15. How fast is the internet? YUI Blog measured bandwidth at 1Mbps and latency of 262ms Ref: Analysing Bandwidth & Latency – YUI Blog Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  16. 16. Blink The average human eye takes 300-400ms to blink Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  17. 17. How fast is the internet? Akamai measured average global bandwidth at 1.7Mbps Ref: State of the Internet – Akamai Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  18. 18. ISPs Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  19. 19. UK ISPs Keep in mind that the Internet latency from the UK to the US is 90-100ms Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  20. 20. Latency – not so easy to sell Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  21. 21. Speed Limits 3 × 108 m /s – in vacuum 2 × 108 m /s – in fibre =⇒ 26.42ms × 2 (roundtrip from BOS to LON) Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  22. 22. Round-trip It should take a packet around 53ms to go from Boston to London and back It actually takes around 90ms for a packet to go from Boston to London and back This is pretty good as far as approaching theoretical limits goes Ref: It’s the latency, stupid – Stuart Cheshire Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  23. 23. Round-trip It should take a packet around 53ms to go from Boston to London and back It actually takes around 90ms for a packet to go from Boston to London and back This is pretty good as far as approaching theoretical limits goes Ref: It’s the latency, stupid – Stuart Cheshire Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  24. 24. But then again... Never underestimate the data-transfer capabilities of a Galaxy class starship travelling at Warp 9.875 and fitted with a computer that sounds like Majel Barett Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  25. 25. Latency isn’t sexy When was the last time you saw a TV commercial mention latency? Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  26. 26. ISPs Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  27. 27. UK ISPs Keep in mind that the Internet latency from the UK to the US is 90-100ms Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  28. 28. Latency v/s Bandwidth Improving latency tends to improve perceived bandwidth Improving bandwidth utilisation can potentially worsen latency Larger/complex packets take more time to assemble This is the difference between a 737 and a 747 Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  29. 29. Getting around latency problems Don’t add latency – It’s bad enough without us adding to it Caching – Bring the data closer to where it’s needed Parallelise – Reduce the number of serial roundtrips Predict – Get data before it’s needed Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  30. 30. If you can, stuff everything into one call Have a look at search.yahoo.com load up in firebug Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  31. 31. Parallelise where possible Downloading a script blocks page load, so do it in the background instead Browsers will download 4-8 resources from a host in parallel, take advantage of that Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  32. 32. Predict what’s next and fetch it If you know what the user will do next, pre-fetch it Yahoo! Search page pre-loads sprites and Javascript for the results page Log analysis can tell you which pages are most popular, and pre-fetch those Ref: Preload CSS & JS without execution – Stoyan Stefanov Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  33. 33. Measure your user’s bandwidth & latency Javascript code to measure your user’s bandwidth & latency http://bluesmoon.info/perf-tests/bw/bw-test-1.3.zip http://github.com/bluesmoon/netperf-js It’s what we used on the YUIBlog test Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  34. 34. Useful tools for performance analysis YSlow – Firefox/Firebug plugin from Yahoo! PageSpeed – Firefox/Firebug plugin from Google PageTest – Web page testing tool ShowSlow – Automated YSlow runs against your URL Fiddler – Web debugging Proxy Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  35. 35. Further reading developer.yahoo.com/performance – Yahoo! code.google.com/speed/page-speed/docs/rules_intro.html – Google slideshare.net/stoyan/the-business-of-performance – Stoyan Stefanov stevesouders.com/blog/ – Steve Souders phpied.com – Stoyan Stefanov Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  36. 36. Stay tuned... Coming this summer... to an interweb near you Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  37. 37. Stay tuned... BOOMERANG 2010 06 24 STARRING: JAVASCRIPT, APACHE, YAHOO SCRIPT: BLUESMOON, PRODUCTION: TOM CROUCHER, CHOREOGRAPHY: CROCKFORD http://developer.yahoo.net/blog Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  38. 38. Photo credits flickr.com/photos/sully_aka__wstera2/4538240734/ flickr.com/photos/gertcha/4168724489/ flickr.com/photos/30720140@N08/4290289036/ flickr.com/photos/dharmasphere/253277654/ flickr.com/photos/gi/117771718/ flickr.com/photos/siennaisalive/4436708323/ flickr.com/photos/vlastula/300102949/ flickr.com/photos/electrichamster/3160580687/ flickr.com/photos/burnblue/308441464/ Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  39. 39. Contact me Philip Tellis yahoo geek @bluesmoon http://bluesmoon.info/ slideshare.net/bluesmoon philip@bluesmoon.info Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  40. 40. Thank you Yahoo! London Pub Night – May 27, 2010 – Wallacespace Station wagons and Electrons
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×