SlideShare a Scribd company logo
Magic, Illusion and other Peformances
                            Bandwidth
                               Latency
                                 Tools




              Websites on Overdrive

   Philip Tellis / philip@bluesmoon.info


              WebDU 2010 / 6-7 May 2010




         WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                       Bandwidth
                                          Latency
                                            Tools


$ finger philip



      Philip Tellis
      philip@bluesmoon.info
      @bluesmoon
      yahoo
      geek
      http://bluesmoon.info/




                    WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                         Seeing is believing
                            Bandwidth
                                         The cost of performance
                               Latency
                                         Where should we concentrate?
                                 Tools




     Magic, Illusion and other Performances




         WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                   Seeing is believing
                                      Bandwidth
                                                   The cost of performance
                                         Latency
                                                   Where should we concentrate?
                                           Tools


User perception




    How fast does the user think it takes
    your page to load?
        Do you want a really fast page that
        appears to be slow?
        or do you want a slow page that
        appears to be fast?




                   WebDU 2010 / 6-7 May 2010       Websites on Overdrive

Recommended for you

RUM Distillation 101 -- Part I
RUM Distillation 101 -- Part IRUM Distillation 101 -- Part I
RUM Distillation 101 -- Part I

Part I of RUM Distillation 101. Part II is by Jonathan Klein available here: http://www.slideshare.net/jnklein/uxfest-performance-a

uxfestperformancerum
Improving 3rd Party Script Performance With IFrames
Improving 3rd Party Script Performance With IFramesImproving 3rd Party Script Performance With IFrames
Improving 3rd Party Script Performance With IFrames

This document discusses using <IFRAME> tags to improve the performance of third party scripts. It describes how third party scripts normally block page loading and proposes using an iframe to load scripts asynchronously in parallel without blocking. It provides code for creating an iframe targeted to load scripts, handling cross-domain issues, and modifying the Method Queue Pattern to support iframes. The approach allows third party scripts to load without blocking the main page load.

webperfvelocityconfjavascript
Extending Boomerang
Extending BoomerangExtending Boomerang
Extending Boomerang

The document discusses Boomerang, an open source tool for measuring real user performance on websites. It measures load times, bandwidth usage, latency and other metrics. Additional functionality can be added through plugins. The presentation encourages developers to use Boomerang to analyze user behavior, identify performance issues, and continuously improve sites based on real user data. It provides several examples of insights that can be gained, such as how performance varies by country, browser, and internet connection speed.

boomerangjavascriptperformance
Magic, Illusion and other Peformances
                                                   Seeing is believing
                                      Bandwidth
                                                   The cost of performance
                                         Latency
                                                   Where should we concentrate?
                                           Tools


User perception




    How fast does the user think it takes
    your page to load?
        Do you want a really fast page that
        appears to be slow?
        or do you want a slow page that
        appears to be fast?




                   WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                   Seeing is believing
                                      Bandwidth
                                                   The cost of performance
                                         Latency
                                                   Where should we concentrate?
                                           Tools


User perception




    How fast does the user think it takes
    your page to load?
        Do you want a really fast page that
        appears to be slow?
        or do you want a slow page that
        appears to be fast?




                   WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                  Seeing is believing
                                     Bandwidth
                                                  The cost of performance
                                        Latency
                                                  Where should we concentrate?
                                          Tools


Blink




    How many blinks between click and
    onload?
        The average human eye takes
        300-400ms to blink
        Web search results (Google & Yahoo!)
        load in about 3 blinks




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                  Seeing is believing
                                     Bandwidth
                                                  The cost of performance
                                        Latency
                                                  Where should we concentrate?
                                          Tools


Blink




    How many blinks between click and
    onload?
        The average human eye takes
        300-400ms to blink
        Web search results (Google & Yahoo!)
        load in about 3 blinks




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive

Recommended for you

Abusing JavaScript to measure Web Performance, or, "how does boomerang work?"
Abusing JavaScript to measure Web Performance, or, "how does boomerang work?"Abusing JavaScript to measure Web Performance, or, "how does boomerang work?"
Abusing JavaScript to measure Web Performance, or, "how does boomerang work?"

The document is a presentation about abusing JavaScript to measure web performance. It discusses using JavaScript to measure network latency, TCP handshake time, network throughput, DNS lookup time, IPv6 support and latency, and other performance metrics. It provides code examples for measuring each metric in JavaScript and notes challenges to consider. The presentation encourages the use of the open source Boomerang library for accurate performance measurement.

webperfboomerangnetwork
The Statistics of Web Performance Analysis
The Statistics of Web Performance AnalysisThe Statistics of Web Performance Analysis
The Statistics of Web Performance Analysis

If you're interested in measuring real user web performance, you'll find tools like boomerang or episodes quite handy. Some popular web frameworks even have modules that make it easy to add them to your site. However, what does one do once one has collected the data? How do you filter out the noise and get meaningful insights from the data? In this talk, I'll go over the techniques we've picked up by analyzing millions of datapoints daily. I'll cover some simple rules to filter out invalid data, and the statistics to analyze and make sense of what's left. Do you use the mean, median or mode? What about the geometric mean and standard deviation? How confident are we in the results? And finally, why should we care? This talk should help you gain useful insights from a histogram, or at the very least point you in the right direction for further analysis.

webperfbostonstatistics
Abusing JavaScript to Measure Web Performance
Abusing JavaScript to Measure Web PerformanceAbusing JavaScript to Measure Web Performance
Abusing JavaScript to Measure Web Performance

While building boomerang, we developed many interesting methods to measure network performance characteristics using JavaScript running in the browser. While the W3C's NavigationTiming API provides access to many performance metrics, there's far more you can get at with some creative tweaking and analysis of how the browser reacts to certain requests. In this talk, I'll go into the details of how boomerang works to measure network throughput, latency, TCP connect time, DNS time and IPv6 connectivity. I'll also touch upon some of the other performance related browser APIs we use to gather useful information. I will NOT be covering the W3C Navigation Timing API since that's been covered by Alois Reitbauer in a previous Boston Web Perf talk.

webperfbostonmeetup
Magic, Illusion and other Peformances
                                                  Seeing is believing
                                     Bandwidth
                                                  The cost of performance
                                        Latency
                                                  Where should we concentrate?
                                          Tools


Blink




    How many blinks between click and
    onload?
        The average human eye takes
        300-400ms to blink
        Web search results (Google & Yahoo!)
        load in about 3 blinks




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                 Seeing is believing
                                    Bandwidth
                                                 The cost of performance
                                       Latency
                                                 Where should we concentrate?
                                         Tools


Games




                  Double-buffering and the VBLANK




                 WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                          Seeing is believing
                                             Bandwidth
                                                          The cost of performance
                                                Latency
                                                          Where should we concentrate?
                                                  Tools


How expensive is that blink?


         Yahoo! – 400ms slower → 5-9% drop in full page loads
         Google – 400ms slower → search engagement reduces
         over time
         Bing – 1 sec slower → 2.8% revenue drop,
         2 sec slower → 4.3% drop



  Ref: The business of performance – Stoyan Stefanov




                          WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                          Seeing is believing
                                             Bandwidth
                                                          The cost of performance
                                                Latency
                                                          Where should we concentrate?
                                                  Tools


... and conversely


         Shopzilla – 6s → 1.2s resulted in 7-12% increase in
         conversion rate
         Netflix – 43% decrease in bandwidth bill after enabling
         compression
         What about You?



  Ref: The business of performance – Stoyan Stefanov




                          WebDU 2010 / 6-7 May 2010       Websites on Overdrive

Recommended for you

Rum for Breakfast
Rum for BreakfastRum for Breakfast
Rum for Breakfast

The document discusses analyzing real user monitoring (RUM) data to gain insights into website performance and user behavior. It describes building plugins to collect navigation and timing data from browsers. Various statistical techniques for analyzing the data are covered, including log-normal distributions, filtering outliers, sampling, and correlating metrics like page load time and bounce rates. The analysis of an example 8 million page dataset suggests very fast or slow page loads are associated with higher bounce rates, and thresholds for user-unfriendly performance are proposed based on bounce rates exceeding 50%.

webperfperformanceinsights
Analysing network characteristics with JavaScript
Analysing network characteristics with JavaScriptAnalysing network characteristics with JavaScript
Analysing network characteristics with JavaScript

This document contains slides from a presentation about using JavaScript to analyze network performance. It discusses how to measure latency, TCP handshake time, network throughput, DNS lookup time, IPv6 support and latency, and private network scanning using JavaScript. Code examples are provided for measuring each of these network metrics by making image requests and timing the responses. The presentation emphasizes that accurately measuring network throughput requires requesting resources of different sizes and accounting for TCP slow start. It also notes some challenges around caching and geo-located DNS results.

networkingsecurityjavascript
A Node.JS bag of goodies for analyzing Web Traffic
A Node.JS bag of goodies for analyzing Web TrafficA Node.JS bag of goodies for analyzing Web Traffic
A Node.JS bag of goodies for analyzing Web Traffic

This document is a presentation about analyzing web traffic using Node.js modules. It introduces Node.js and the npm package manager. It then discusses modules for parsing HTTP logs, including parsing user agents, handling IP addresses, geolocation, and date formatting. It also covers modules for statistical analysis like fast-stats, gauss, and statsd. The presentation provides code examples for using these modules and takes questions at the end.

nodejavascriptweb analytics
Magic, Illusion and other Peformances
                                                          Seeing is believing
                                             Bandwidth
                                                          The cost of performance
                                                Latency
                                                          Where should we concentrate?
                                                  Tools


... and conversely


         Shopzilla – 6s → 1.2s resulted in 7-12% increase in
         conversion rate
         Netflix – 43% decrease in bandwidth bill after enabling
         compression
         What about You?



  Ref: The business of performance – Stoyan Stefanov




                          WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                  Seeing is believing
                                     Bandwidth
                                                  The cost of performance
                                        Latency
                                                  Where should we concentrate?
                                          Tools


The wheels behind the screen




     Performance improvement boils down to two things
         Bandwidth
         Latency
     Do you need to take the bus or a motorcycle?




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                  Seeing is believing
                                     Bandwidth
                                                  The cost of performance
                                        Latency
                                                  Where should we concentrate?
                                          Tools


The wheels behind the screen




     Performance improvement boils down to two things
         Bandwidth
         Latency
     Do you need to take the bus or a motorcycle?




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                  Seeing is believing
                                     Bandwidth
                                                  The cost of performance
                                        Latency
                                                  Where should we concentrate?
                                          Tools


The wheels behind the screen




     Performance improvement boils down to two things
         Bandwidth
         Latency
     Do you need to take the bus or a motorcycle?




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive

Recommended for you

Input sanitization
Input sanitizationInput sanitization
Input sanitization

The document discusses input validation and output encoding to prevent vulnerabilities like XSS and SQL injection. It provides examples of how unexpected input can enable attacks, like special characters or invalid data types being passed to endpoints and rendered unencoded. The key lessons are that input validation is needed to receive clean, expected data, while output encoding is crucial to prevent exploits when displaying data to users. Both techniques are important defenses that address different but related issues.

securityxssinput validation
Messing with JavaScript and the DOM to measure network characteristics
Messing with JavaScript and the DOM to measure network characteristicsMessing with JavaScript and the DOM to measure network characteristics
Messing with JavaScript and the DOM to measure network characteristics

This document discusses using JavaScript to analyze network performance. It covers measuring latency, TCP handshake time, DNS lookup time, network throughput, and IPv6 support. The document provides code examples for measuring each of these metrics using JavaScript and analyzing image load times. It notes that network conditions vary and accurate measurements require statistical analysis over many samples.

jsconfeusecuritynetwork
Boomerang: How fast do users think your site is?
Boomerang: How fast do users think your site is?Boomerang: How fast do users think your site is?
Boomerang: How fast do users think your site is?

This document discusses how the Boomerang tool works to measure website performance from the end user's perspective. Boomerang is a piece of JavaScript code that measures network latency and throughput to the website, as well as page load time, and sends this performance data back to the website owners. It provides more accurate real-world performance metrics than lab testing by measuring performance across varying user devices, browsers, networks and other conditions that are outside the owners' control.

montrealboomerangconfoo
Magic, Illusion and other Peformances
                                                  Seeing is believing
                                     Bandwidth
                                                  The cost of performance
                                        Latency
                                                  Where should we concentrate?
                                          Tools


The wheels behind the screen




     Performance improvement boils down to two things
         Bandwidth
         Latency
     Do you need to take the bus or a motorcycle?




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                   Seeing is believing
                                      Bandwidth
                                                   The cost of performance
                                         Latency
                                                   Where should we concentrate?
                                           Tools


Not just the network




     Not just the network, but also within the browser process




                   WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                         The easier of the two
                            Bandwidth
                                         State of the internet
                               Latency
                                         How do we fix it?
                                 Tools




                               Bandwidth




         WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                         The easier of the two
                                            Bandwidth
                                                         State of the internet
                                               Latency
                                                         How do we fix it?
                                                 Tools


How fat is your pipe?



         How much data can you get across at once?
                Telephone system built for p-t-p voice?
                Optical fibre network?
                Geoff speeding down the M5 with 50TB of Daemon’s
                backup tapes?




  Ref: Shannon’s Theorem




                           WebDU 2010 / 6-7 May 2010     Websites on Overdrive

Recommended for you

Boomerang at FOSS.IN/2010
Boomerang at FOSS.IN/2010Boomerang at FOSS.IN/2010
Boomerang at FOSS.IN/2010

This document discusses Boomerang, a JavaScript tool that measures web page performance from the end user's perspective. It works by including a small snippet of JavaScript on web pages that measures load time, latency, and bandwidth and sends the results back to the server. It provides more accurate real-world performance metrics than lab testing alone. The document explains how Boomerang specifically measures latency by downloading small images repeatedly, bandwidth by progressively larger images, and load time using timestamps. Contributing code or plugins to the Boomerang open source project on GitHub can help improve it.

boomerangfossinjavascript
Measuring the web with Boomerang (YUIConf 2010)
Measuring the web with Boomerang (YUIConf 2010)Measuring the web with Boomerang (YUIConf 2010)
Measuring the web with Boomerang (YUIConf 2010)

This document summarizes a presentation about using Boomerang, a JavaScript tool, to measure web page performance from the end user's perspective. Boomerang measures latency, bandwidth, and page load time by making requests to the site from code included on pages and sending the results to a beacon URL. It aims to provide accurate, real-world performance metrics that account for the many variables experienced by users, unlike lab testing. The document discusses how Boomerang technically measures these metrics and explains guidelines for including Boomerang code on pages to collect performance data.

boomerangjavascriptperformance
Boomerang at the Boston Web Performance meetup
Boomerang at the Boston Web Performance meetupBoomerang at the Boston Web Performance meetup
Boomerang at the Boston Web Performance meetup

The document discusses boomerang, a JavaScript tool for measuring web page performance from the end user's perspective. It works by measuring latency, bandwidth, and page load times and sending that data back to the developer. The collected data can be analyzed to identify outliers, trends over time, and opportunities for performance improvements based on factors like user location and ISP.

bostonboomerangjavascript
Magic, Illusion and other Peformances
                                                         The easier of the two
                                            Bandwidth
                                                         State of the internet
                                               Latency
                                                         How do we fix it?
                                                 Tools


How fat is your pipe?



         How much data can you get across at once?
                Telephone system built for p-t-p voice?
                Optical fibre network?
                Geoff speeding down the M5 with 50TB of Daemon’s
                backup tapes?




  Ref: Shannon’s Theorem




                           WebDU 2010 / 6-7 May 2010     Websites on Overdrive
Magic, Illusion and other Peformances
                                                         The easier of the two
                                            Bandwidth
                                                         State of the internet
                                               Latency
                                                         How do we fix it?
                                                 Tools


How fat is your pipe?



         How much data can you get across at once?
                Telephone system built for p-t-p voice?
                Optical fibre network?
                Geoff speeding down the M5 with 50TB of Daemon’s
                backup tapes?




  Ref: Shannon’s Theorem




                           WebDU 2010 / 6-7 May 2010     Websites on Overdrive
Magic, Illusion and other Peformances
                                                         The easier of the two
                                            Bandwidth
                                                         State of the internet
                                               Latency
                                                         How do we fix it?
                                                 Tools


How fat is your pipe?



         How much data can you get across at once?
                Telephone system built for p-t-p voice?
                Optical fibre network?
                Geoff speeding down the M5 with 50TB of Daemon’s
                backup tapes?




  Ref: Shannon’s Theorem




                           WebDU 2010 / 6-7 May 2010     Websites on Overdrive
Magic, Illusion and other Peformances
                                                    The easier of the two
                                       Bandwidth
                                                    State of the internet
                                          Latency
                                                    How do we fix it?
                                            Tools


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



                    WebDU 2010 / 6-7 May 2010       Websites on Overdrive

Recommended for you

Boomerang @ NY Web Perf meetup
Boomerang @ NY Web Perf meetupBoomerang @ NY Web Perf meetup
Boomerang @ NY Web Perf meetup

This document discusses using Boomerang, a JavaScript tool, to measure web performance from the user's perspective. Boomerang measures latency, bandwidth, and page load times by making requests to the server from the user's browser. It collects and analyzes the data to identify outliers, group results based on connection speed, and correlate performance with code changes. The tool provides insight into where to optimize and where to locate content delivery networks for better performance.

boomerangnew yorkmeetup
Measuring the web with boomerang
Measuring the web with boomerangMeasuring the web with boomerang
Measuring the web with boomerang

The document discusses measuring web performance from the end user's perspective using JavaScript. It notes that most web slowness comes from the front-end, which developers can't control due to browser, plugin, OS and other variations. To get accurate measurements, performance must be measured directly from the user's device using JavaScript, which is ubiquitous. The talk will discuss Boomerang, a JavaScript tool that measures page load performance and sends anonymized data back to developers for analysis.

roundtripboomerangbandwidth
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...

Jindong Gu, Zhen Han, Shuo Chen, Ahmad Beirami, Bailan He, Gengyuan Zhang, Ruotong Liao, Yao Qin, Volker Tresp, Philip Torr "A Systematic Survey of Prompt Engineering on Vision-Language Foundation Models" arXiv2023 https://arxiv.org/abs/2307.12980

Magic, Illusion and other Peformances
                                                  The easier of the two
                                     Bandwidth
                                                  State of the internet
                                        Latency
                                                  How do we fix it?
                                          Tools


Bandwidth can be bought




     Bandwidth has increased steadily over time
     Networks, hard drives, memory, CPU, system bus,
     everything.
     Bandwidth can be parallelised




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                 The easier of the two
                                    Bandwidth
                                                 State of the internet
                                       Latency
                                                 How do we fix it?
                                         Tools


Bandwidth sells




                          Marketing loves a fat pipe




                 WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                  The easier of the two
                                     Bandwidth
                                                  State of the internet
                                        Latency
                                                  How do we fix it?
                                          Tools


How fast is the internet?

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




                                                        Ref: Analysing Bandwidth & Latency – YUI Blog




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                           The easier of the two
                                              Bandwidth
                                                           State of the internet
                                                 Latency
                                                           How do we fix it?
                                                   Tools


How fast is the internet?




        Akamai measured average global bandwidth at 1.7Mbps




  Ref: State of the Internet – Akamai




                           WebDU 2010 / 6-7 May 2010       Websites on Overdrive

Recommended for you

Research Directions for Cross Reality Interfaces
Research Directions for Cross Reality InterfacesResearch Directions for Cross Reality Interfaces
Research Directions for Cross Reality Interfaces

An invited talk given by Mark Billinghurst on Research Directions for Cross Reality Interfaces. This was given on July 2nd 2024 as part of the 2024 Summer School on Cross Reality in Hagenberg, Austria (July 1st - 7th)

augmented realitycross realityvirtual reality
Best Programming Language for Civil Engineers
Best Programming Language for Civil EngineersBest Programming Language for Civil Engineers
Best Programming Language for Civil Engineers

The integration of programming into civil engineering is transforming the industry. We can design complex infrastructure projects and analyse large datasets. Imagine revolutionizing the way we build our cities and infrastructure, all by the power of coding. Programming skills are no longer just a bonus—they’re a game changer in this era. Technology is revolutionizing civil engineering by integrating advanced tools and techniques. Programming allows for the automation of repetitive tasks, enhancing the accuracy of designs, simulations, and analyses. With the advent of artificial intelligence and machine learning, engineers can now predict structural behaviors under various conditions, optimize material usage, and improve project planning.

programmingcodingcivil engineering
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALLBLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL

Blockchain technology is transforming industries and reshaping the way we conduct business, manage data, and secure transactions. Whether you're new to blockchain or looking to deepen your knowledge, our guidebook, "Blockchain for Dummies", is your ultimate resource.

blockchainweb3blockchain technology
Magic, Illusion and other Peformances
                                                The easier of the two
                                   Bandwidth
                                                State of the internet
                                      Latency
                                                How do we fix it?
                                        Tools


ISPs




                WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                              The easier of the two
                                             Bandwidth
                                                              State of the internet
                                                Latency
                                                              How do we fix it?
                                                  Tools


Australian ISPs




  Keep in mind that the Internet latency from Australia to the US is about 280ms




                          WebDU 2010 / 6-7 May 2010           Websites on Overdrive
Magic, Illusion and other Peformances
                                                   The easier of the two
                                      Bandwidth
                                                   State of the internet
                                         Latency
                                                   How do we fix it?
                                           Tools


Pay for infrastructure




      South Korea invested in high bandwidth internet
      Google is investing in WiFi and Fibre in the US
      Akamai puts CDNs on high speed networks near the user




                   WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                  The easier of the two
                                     Bandwidth
                                                  State of the internet
                                        Latency
                                                  How do we fix it?
                                          Tools


Measure your user’s bandwidth




   Javascript code to measure your user’s bandwidth & latency
                          bw-test v1.3




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive

Recommended for you

Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyyActive Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy

Not so much to say

Password Rotation in 2024 is still Relevant
Password Rotation in 2024 is still RelevantPassword Rotation in 2024 is still Relevant
Password Rotation in 2024 is still Relevant

Password Rotation in 2024 is still Relevant

passwordmanagementrotation
Measuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at TwitterMeasuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at Twitter

Widya Salim and Victor Ma will outline the causal impact analysis, framework, and key learnings used to quantify the impact of reducing Twitter's network latency.

Magic, Illusion and other Peformances
                                                  The easier of the two
                                     Bandwidth
                                                  State of the internet
                                        Latency
                                                  How do we fix it?
                                          Tools


Make more efficient use of bandwidth




     gzip all text over the network
     minify your HTML, Javascript and CSS
     smush your images




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                          The easier of the two
                                             Bandwidth
                                                          State of the internet
                                                Latency
                                                          How do we fix it?
                                                  Tools


Caveat about gzipping




               15% of users still get uncompressed responses




  Ref: Beyond Gzipping – Tony Gentilcore, Google




                          WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                  The easier of the two
                                     Bandwidth
                                                  State of the internet
                                        Latency
                                                  How do we fix it?
                                          Tools


In the DOM




     Use fewer elements and assets
     Use more specific elements




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                         What’s the problem?
                            Bandwidth
                                         State of the internet
                               Latency
                                         How do we fix it?
                                 Tools




                      Latency




         WebDU 2010 / 6-7 May 2010       Websites on Overdrive

Recommended for you

Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...

Today’s digitally connected world presents a wide range of security challenges for enterprises. Insider security threats are particularly noteworthy because they have the potential to cause significant harm. Unlike external threats, insider risks originate from within the company, making them more subtle and challenging to identify. This blog aims to provide a comprehensive understanding of insider security threats, including their types, examples, effects, and mitigation techniques.

insider securitycybersecurity threatsenterprise security
WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck

YOUR RELIABLE WEB DESIGN & DEVELOPMENT TEAM — FOR LASTING SUCCESS WPRiders is a web development company specialized in WordPress and WooCommerce websites and plugins for customers around the world. The company is headquartered in Bucharest, Romania, but our team members are located all over the world. Our customers are primarily from the US and Western Europe, but we have clients from Australia, Canada and other areas as well. Some facts about WPRiders and why we are one of the best firms around: More than 700 five-star reviews! You can check them here. 1500 WordPress projects delivered. We respond 80% faster than other firms! Data provided by Freshdesk. We’ve been in business since 2015. We are located in 7 countries and have 22 team members. With so many projects delivered, our team knows what works and what doesn’t when it comes to WordPress and WooCommerce. Our team members are: - highly experienced developers (employees & contractors with 5 -10+ years of experience), - great designers with an eye for UX/UI with 10+ years of experience - project managers with development background who speak both tech and non-tech - QA specialists - Conversion Rate Optimisation - CRO experts They are all working together to provide you with the best possible service. We are passionate about WordPress, and we love creating custom solutions that help our clients achieve their goals. At WPRiders, we are committed to building long-term relationships with our clients. We believe in accountability, in doing the right thing, as well as in transparency and open communication. You can read more about WPRiders on the About us page.

web development agencywpriderswordpress development
Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation

Manual Method of Product Research | Helium10 | MBS RETRIEVER

product researchhelium10 | mbs retriever
Magic, Illusion and other Peformances
                                                  What’s the problem?
                                     Bandwidth
                                                  State of the internet
                                        Latency
                                                  How do we fix it?
                                          Tools


How fast can you drive?




   Latency deals with how long it takes to get a response after
                       making a request




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                   What’s the problem?
                                      Bandwidth
                                                   State of the internet
                                         Latency
                                                   How do we fix it?
                                           Tools


Speed Limits




    3 × 108 m /s – in vacuum
    2 × 108 m /s – in fibre
     =⇒ 21ms × 2
    (roundtrip from Boston to San
    Francisco)




                   WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                           What’s the problem?
                                              Bandwidth
                                                           State of the internet
                                                 Latency
                                                           How do we fix it?
                                                   Tools


42


         It should take a packet around 42ms to go from Boston to
         SF and back
         It actually takes around 83ms for a packet to go from
         Boston to SF and back
         This hasn’t changed in 14 years



 Ref: It’s the latency, stupid – Stuart Cheshire




                           WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                           What’s the problem?
                                              Bandwidth
                                                           State of the internet
                                                 Latency
                                                           How do we fix it?
                                                   Tools


42


         It should take a packet around 42ms to go from Boston to
         SF and back
         It actually takes around 83ms for a packet to go from
         Boston to SF and back
         This hasn’t changed in 14 years



 Ref: It’s the latency, stupid – Stuart Cheshire




                           WebDU 2010 / 6-7 May 2010       Websites on Overdrive

Recommended for you

[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf

Kief Morris rethinks the infrastructure code delivery lifecycle, advocating for a shift towards composable infrastructure systems. We should shift to designing around deployable components rather than code modules, use more useful levels of abstraction, and drive design and deployment from applications rather than bottom-up, monolithic architecture and delivery.

infrastructure as codeclouddevops
Calgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptxCalgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptx

MuleSoft Meetup on APM and IDP

mulesoftai
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsScaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops

This presentation, delivered at the Postgres Bangalore (PGBLR) Meetup-2 on June 29th, 2024, dives deep into connection pooling for PostgreSQL databases. Aakash M, a PostgreSQL Tech Lead at Mydbops, explores the challenges of managing numerous connections and explains how connection pooling optimizes performance and resource utilization. Key Takeaways: * Understand why connection pooling is essential for high-traffic applications * Explore various connection poolers available for PostgreSQL, including pgbouncer * Learn the configuration options and functionalities of pgbouncer * Discover best practices for monitoring and troubleshooting connection pooling setups * Gain insights into real-world use cases and considerations for production environments This presentation is ideal for: * Database administrators (DBAs) * Developers working with PostgreSQL * DevOps engineers * Anyone interested in optimizing PostgreSQL performance Contact info@mydbops.com for PostgreSQL Managed, Consulting and Remote DBA Services

postgresqlpgsqldatabase
Magic, Illusion and other Peformances
                                                  What’s the problem?
                                     Bandwidth
                                                  State of the internet
                                        Latency
                                                  How do we fix it?
                                          Tools


Latency isn’t sexy




    When was the last time you saw a TV commercial mention
                            latency?




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                What’s the problem?
                                   Bandwidth
                                                State of the internet
                                      Latency
                                                How do we fix it?
                                        Tools


ISPs




                WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                              What’s the problem?
                                             Bandwidth
                                                              State of the internet
                                                Latency
                                                              How do we fix it?
                                                  Tools


Australian ISPs




  Keep in mind that the Internet latency from Australia to the US is about 280ms




                          WebDU 2010 / 6-7 May 2010           Websites on Overdrive
Magic, Illusion and other Peformances
                                                  What’s the problem?
                                     Bandwidth
                                                  State of the internet
                                        Latency
                                                  How do we fix it?
                                          Tools


Getting around latency




     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




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive

Recommended for you

INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf

These fighter aircraft have uses outside of traditional combat situations. They are essential in defending India's territorial integrity, averting dangers, and delivering aid to those in need during natural calamities. Additionally, the IAF improves its interoperability and fortifies international military alliances by working together and conducting joint exercises with other air forces.

air force fighter planebiggest submarinezambia port
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference

We are honored to launch and host this event for our UiPath Polish Community, with the help of our partners - Proservartner! We certainly hope we have managed to spike your interest in the subjects to be presented and the incredible networking opportunities at hand, too! Check out our proposed agenda below 👇👇 08:30 ☕ Welcome coffee (30') 09:00 Opening note/ Intro to UiPath Community (10') Cristina Vidu, Global Manager, Marketing Community @UiPath Dawid Kot, Digital Transformation Lead @Proservartner 09:10 Cloud migration - Proservartner & DOVISTA case study (30') Marcin Drozdowski, Automation CoE Manager @DOVISTA Pawel Kamiński, RPA developer @DOVISTA Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner 09:40 From bottlenecks to breakthroughs: Citizen Development in action (25') Pawel Poplawski, Director, Improvement and Automation @McCormick & Company Michał Cieślak, Senior Manager, Automation Programs @McCormick & Company 10:05 Next-level bots: API integration in UiPath Studio (30') Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner 10:35 ☕ Coffee Break (15') 10:50 Document Understanding with my RPA Companion (45') Ewa Gruszka, Enterprise Sales Specialist, AI & ML @UiPath 11:35 Power up your Robots: GenAI and GPT in REFramework (45') Krzysztof Karaszewski, Global RPA Product Manager 12:20 🍕 Lunch Break (1hr) 13:20 From Concept to Quality: UiPath Test Suite for AI-powered Knowledge Bots (30') Kamil Miśko, UiPath MVP, Senior RPA Developer @Zurich Insurance 13:50 Communications Mining - focus on AI capabilities (30') Thomasz Wierzbicki, Business Analyst @Office Samurai 14:20 Polish MVP panel: Insights on MVP award achievements and career profiling

#uipathcommunity#automation#automationdeveloper
Mitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing SystemsMitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing Systems

Stream processing is a crucial component of modern data infrastructure, but constructing an efficient and scalable stream processing system can be challenging. Decoupling compute and storage architecture has emerged as an effective solution to these challenges, but it can introduce high latency issues, especially when dealing with complex continuous queries that necessitate managing extra-large internal states. In this talk, we focus on addressing the high latency issues associated with S3 storage in stream processing systems that employ a decoupled compute and storage architecture. We delve into the root causes of latency in this context and explore various techniques to minimize the impact of S3 latency on stream processing performance. Our proposed approach is to implement a tiered storage mechanism that leverages a blend of high-performance and low-cost storage tiers to reduce data movement between the compute and storage layers while maintaining efficient processing. Throughout the talk, we will present experimental results that demonstrate the effectiveness of our approach in mitigating the impact of S3 latency on stream processing. By the end of the talk, attendees will have gained insights into how to optimize their stream processing systems for reduced latency and improved cost-efficiency.

Magic, Illusion and other Peformances
                                                  What’s the problem?
                                     Bandwidth
                                                  State of the internet
                                        Latency
                                                  How do we fix it?
                                          Tools


Don’t add latency – Reduce lookups & Connections


     Limit the number of DNS lookups. 2-4 is okay.
     Limit the number of HTTP connections
         Concatenate CSS into a single file.
         Concatenate JS into one or two files.
         Combine images into sprites
         If you can, stuff everything into one call
         See search.yahoo.com
     Structure your page to avoid blocking
     Defer or post-load non-essential components




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                  What’s the problem?
                                     Bandwidth
                                                  State of the internet
                                        Latency
                                                  How do we fix it?
                                          Tools


Don’t add latency – Be quick on the return




     Keep MaxClients at a reasonable value (30’s a good
     number)
     Flush your headers as soon as they’re done
     Flush your page content often
     Offload static content to a separate server




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                   What’s the problem?
                                      Bandwidth
                                                   State of the internet
                                         Latency
                                                   How do we fix it?
                                           Tools


Caching




     Turn on browser based caching wherever possible
     max-age, Expires & Cache-control
     Use a CDN, and make sure the CDN caches resources
     Use local copies of global references in Javascript
     Cache DOM nodes that you operate on a lot




                   WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                                  What’s the problem?
                                     Bandwidth
                                                  State of the internet
                                        Latency
                                                  How do we fix it?
                                          Tools


Parallelise where possible




     Downloading scripts 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
     Use event delegation




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive

Recommended for you

20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf

Support en anglais diffusé lors de l'événement 100% IA organisé dans les locaux parisiens d'Iguane Solutions, le mardi 2 juillet 2024 : - Présentation de notre plateforme IA plug and play : ses fonctionnalités avancées, telles que son interface utilisateur intuitive, son copilot puissant et des outils de monitoring performants. - REX client : Cyril Janssens, CTO d’ easybourse, partage son expérience d’utilisation de notre plateforme IA plug & play.

genaicloudrgpd
Quantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLMQuantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLM

Quantum Communications Q&A with Gemini LLM. These are based on Shannon's Noisy channel Theorem and offers how the classical theory applies to the quantum world.

quantum communicationsshannon's channel theoremclassical theory
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world

The presentation showcases the diverse real-world applications of Fused Deposition Modeling (FDM) across multiple industries: 1. **Manufacturing**: FDM is utilized in manufacturing for rapid prototyping, creating custom tools and fixtures, and producing functional end-use parts. Companies leverage its cost-effectiveness and flexibility to streamline production processes. 2. **Medical**: In the medical field, FDM is used to create patient-specific anatomical models, surgical guides, and prosthetics. Its ability to produce precise and biocompatible parts supports advancements in personalized healthcare solutions. 3. **Education**: FDM plays a crucial role in education by enabling students to learn about design and engineering through hands-on 3D printing projects. It promotes innovation and practical skill development in STEM disciplines. 4. **Science**: Researchers use FDM to prototype equipment for scientific experiments, build custom laboratory tools, and create models for visualization and testing purposes. It facilitates rapid iteration and customization in scientific endeavors. 5. **Automotive**: Automotive manufacturers employ FDM for prototyping vehicle components, tooling for assembly lines, and customized parts. It speeds up the design validation process and enhances efficiency in automotive engineering. 6. **Consumer Electronics**: FDM is utilized in consumer electronics for designing and prototyping product enclosures, casings, and internal components. It enables rapid iteration and customization to meet evolving consumer demands. 7. **Robotics**: Robotics engineers leverage FDM to prototype robot parts, create lightweight and durable components, and customize robot designs for specific applications. It supports innovation and optimization in robotic systems. 8. **Aerospace**: In aerospace, FDM is used to manufacture lightweight parts, complex geometries, and prototypes of aircraft components. It contributes to cost reduction, faster production cycles, and weight savings in aerospace engineering. 9. **Architecture**: Architects utilize FDM for creating detailed architectural models, prototypes of building components, and intricate designs. It aids in visualizing concepts, testing structural integrity, and communicating design ideas effectively. Each industry example demonstrates how FDM enhances innovation, accelerates product development, and addresses specific challenges through advanced manufacturing capabilities.

fdmffffused deposition modeling
Magic, Illusion and other Peformances
                                                           What’s the problem?
                                             Bandwidth
                                                           State of the internet
                                                Latency
                                                           How do we fix it?
                                                  Tools


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
         Build expected DOM nodes before they’re needed




   Ref: Preload CSS & JS without execution – Stoyan Stefanov


                          WebDU 2010 / 6-7 May 2010        Websites on Overdrive
Magic, Illusion and other Peformances
                                                      What’s the problem?
                                         Bandwidth
                                                      State of the internet
                                            Latency
                                                      How do we fix it?
                                              Tools


One more thing




      Improving latency tends to improve bandwidth
      Increasing bandwidth can potentially worsen latency
      Larger packets take more time to assemble


  This is the difference between a 737 and a 747




                      WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                            Bandwidth
                               Latency
                                 Tools




                                    Tools




         WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                     Bandwidth
                                        Latency
                                          Tools


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




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive

Recommended for you

Cookies program to display the information though cookie creation
Cookies program to display the information though cookie creationCookies program to display the information though cookie creation
Cookies program to display the information though cookie creation

Java Servlet programs

Magic, Illusion and other Peformances
                                     Bandwidth
                                        Latency
                                          Tools


Further reading




     developer.yahoo.com/performance – Yahoo!
     code.google.com/speed/page-speed/docs/rules_intro.html
     – Google
     stevesouders.com/blog/ – Steve Souders
     phpied.com – Stoyan Stefanov




                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                      Bandwidth
                                         Latency
                                           Tools


Contact Me



     Philip Tellis
     philip@bluesmoon.info
     @bluesmoon
     yahoo
     geek
     http://bluesmoon.info/
     slideshare.net/bluesmoon




                   WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                            Bandwidth
                               Latency
                                 Tools




                            Thank you




         WebDU 2010 / 6-7 May 2010       Websites on Overdrive
Magic, Illusion and other Peformances
                                     Bandwidth
                                        Latency
                                          Tools


Photo credits

     flickr.com/photos/ktylerconk/3154161850/
     flickr.com/photos/lwr/3631563009/
     flickr.com/photos/siennaisalive/4436708323/
     flickr.com/photos/jeremybrooks/4104176629/
     flickr.com/photos/aquilaonline/2055376852/
     flickr.com/photos/gi/117771718/
     flickr.com/photos/vlastula/300102949/
     flickr.com/photos/electrichamster/3160580687/
     flickr.com/photos/docman/36125185/
     flickr.com/photos/thomashawk/3162497239/


                  WebDU 2010 / 6-7 May 2010       Websites on Overdrive

Recommended for you

More Related Content

More from Philip Tellis

Frontend Performance: Beginner to Expert to Crazy Person
Frontend Performance: Beginner to Expert to Crazy PersonFrontend Performance: Beginner to Expert to Crazy Person
Frontend Performance: Beginner to Expert to Crazy Person
Philip Tellis
 
Frontend Performance: Beginner to Expert to Crazy Person
Frontend Performance: Beginner to Expert to Crazy PersonFrontend Performance: Beginner to Expert to Crazy Person
Frontend Performance: Beginner to Expert to Crazy Person
Philip Tellis
 
mmm... beacons
mmm... beaconsmmm... beacons
mmm... beacons
Philip Tellis
 
RUM Distillation 101 -- Part I
RUM Distillation 101 -- Part IRUM Distillation 101 -- Part I
RUM Distillation 101 -- Part I
Philip Tellis
 
Improving 3rd Party Script Performance With IFrames
Improving 3rd Party Script Performance With IFramesImproving 3rd Party Script Performance With IFrames
Improving 3rd Party Script Performance With IFrames
Philip Tellis
 
Extending Boomerang
Extending BoomerangExtending Boomerang
Extending Boomerang
Philip Tellis
 
Abusing JavaScript to measure Web Performance, or, "how does boomerang work?"
Abusing JavaScript to measure Web Performance, or, "how does boomerang work?"Abusing JavaScript to measure Web Performance, or, "how does boomerang work?"
Abusing JavaScript to measure Web Performance, or, "how does boomerang work?"
Philip Tellis
 
The Statistics of Web Performance Analysis
The Statistics of Web Performance AnalysisThe Statistics of Web Performance Analysis
The Statistics of Web Performance Analysis
Philip Tellis
 
Abusing JavaScript to Measure Web Performance
Abusing JavaScript to Measure Web PerformanceAbusing JavaScript to Measure Web Performance
Abusing JavaScript to Measure Web Performance
Philip Tellis
 
Rum for Breakfast
Rum for BreakfastRum for Breakfast
Rum for Breakfast
Philip Tellis
 
Analysing network characteristics with JavaScript
Analysing network characteristics with JavaScriptAnalysing network characteristics with JavaScript
Analysing network characteristics with JavaScript
Philip Tellis
 
A Node.JS bag of goodies for analyzing Web Traffic
A Node.JS bag of goodies for analyzing Web TrafficA Node.JS bag of goodies for analyzing Web Traffic
A Node.JS bag of goodies for analyzing Web Traffic
Philip Tellis
 
Input sanitization
Input sanitizationInput sanitization
Input sanitization
Philip Tellis
 
Messing with JavaScript and the DOM to measure network characteristics
Messing with JavaScript and the DOM to measure network characteristicsMessing with JavaScript and the DOM to measure network characteristics
Messing with JavaScript and the DOM to measure network characteristics
Philip Tellis
 
Boomerang: How fast do users think your site is?
Boomerang: How fast do users think your site is?Boomerang: How fast do users think your site is?
Boomerang: How fast do users think your site is?
Philip Tellis
 
Boomerang at FOSS.IN/2010
Boomerang at FOSS.IN/2010Boomerang at FOSS.IN/2010
Boomerang at FOSS.IN/2010
Philip Tellis
 
Measuring the web with Boomerang (YUIConf 2010)
Measuring the web with Boomerang (YUIConf 2010)Measuring the web with Boomerang (YUIConf 2010)
Measuring the web with Boomerang (YUIConf 2010)
Philip Tellis
 
Boomerang at the Boston Web Performance meetup
Boomerang at the Boston Web Performance meetupBoomerang at the Boston Web Performance meetup
Boomerang at the Boston Web Performance meetup
Philip Tellis
 
Boomerang @ NY Web Perf meetup
Boomerang @ NY Web Perf meetupBoomerang @ NY Web Perf meetup
Boomerang @ NY Web Perf meetup
Philip Tellis
 
Measuring the web with boomerang
Measuring the web with boomerangMeasuring the web with boomerang
Measuring the web with boomerang
Philip Tellis
 

More from Philip Tellis (20)

Frontend Performance: Beginner to Expert to Crazy Person
Frontend Performance: Beginner to Expert to Crazy PersonFrontend Performance: Beginner to Expert to Crazy Person
Frontend Performance: Beginner to Expert to Crazy Person
 
Frontend Performance: Beginner to Expert to Crazy Person
Frontend Performance: Beginner to Expert to Crazy PersonFrontend Performance: Beginner to Expert to Crazy Person
Frontend Performance: Beginner to Expert to Crazy Person
 
mmm... beacons
mmm... beaconsmmm... beacons
mmm... beacons
 
RUM Distillation 101 -- Part I
RUM Distillation 101 -- Part IRUM Distillation 101 -- Part I
RUM Distillation 101 -- Part I
 
Improving 3rd Party Script Performance With IFrames
Improving 3rd Party Script Performance With IFramesImproving 3rd Party Script Performance With IFrames
Improving 3rd Party Script Performance With IFrames
 
Extending Boomerang
Extending BoomerangExtending Boomerang
Extending Boomerang
 
Abusing JavaScript to measure Web Performance, or, "how does boomerang work?"
Abusing JavaScript to measure Web Performance, or, "how does boomerang work?"Abusing JavaScript to measure Web Performance, or, "how does boomerang work?"
Abusing JavaScript to measure Web Performance, or, "how does boomerang work?"
 
The Statistics of Web Performance Analysis
The Statistics of Web Performance AnalysisThe Statistics of Web Performance Analysis
The Statistics of Web Performance Analysis
 
Abusing JavaScript to Measure Web Performance
Abusing JavaScript to Measure Web PerformanceAbusing JavaScript to Measure Web Performance
Abusing JavaScript to Measure Web Performance
 
Rum for Breakfast
Rum for BreakfastRum for Breakfast
Rum for Breakfast
 
Analysing network characteristics with JavaScript
Analysing network characteristics with JavaScriptAnalysing network characteristics with JavaScript
Analysing network characteristics with JavaScript
 
A Node.JS bag of goodies for analyzing Web Traffic
A Node.JS bag of goodies for analyzing Web TrafficA Node.JS bag of goodies for analyzing Web Traffic
A Node.JS bag of goodies for analyzing Web Traffic
 
Input sanitization
Input sanitizationInput sanitization
Input sanitization
 
Messing with JavaScript and the DOM to measure network characteristics
Messing with JavaScript and the DOM to measure network characteristicsMessing with JavaScript and the DOM to measure network characteristics
Messing with JavaScript and the DOM to measure network characteristics
 
Boomerang: How fast do users think your site is?
Boomerang: How fast do users think your site is?Boomerang: How fast do users think your site is?
Boomerang: How fast do users think your site is?
 
Boomerang at FOSS.IN/2010
Boomerang at FOSS.IN/2010Boomerang at FOSS.IN/2010
Boomerang at FOSS.IN/2010
 
Measuring the web with Boomerang (YUIConf 2010)
Measuring the web with Boomerang (YUIConf 2010)Measuring the web with Boomerang (YUIConf 2010)
Measuring the web with Boomerang (YUIConf 2010)
 
Boomerang at the Boston Web Performance meetup
Boomerang at the Boston Web Performance meetupBoomerang at the Boston Web Performance meetup
Boomerang at the Boston Web Performance meetup
 
Boomerang @ NY Web Perf meetup
Boomerang @ NY Web Perf meetupBoomerang @ NY Web Perf meetup
Boomerang @ NY Web Perf meetup
 
Measuring the web with boomerang
Measuring the web with boomerangMeasuring the web with boomerang
Measuring the web with boomerang
 

Recently uploaded

論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
Toru Tamaki
 
Research Directions for Cross Reality Interfaces
Research Directions for Cross Reality InterfacesResearch Directions for Cross Reality Interfaces
Research Directions for Cross Reality Interfaces
Mark Billinghurst
 
Best Programming Language for Civil Engineers
Best Programming Language for Civil EngineersBest Programming Language for Civil Engineers
Best Programming Language for Civil Engineers
Awais Yaseen
 
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALLBLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
Liveplex
 
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyyActive Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
RaminGhanbari2
 
Password Rotation in 2024 is still Relevant
Password Rotation in 2024 is still RelevantPassword Rotation in 2024 is still Relevant
Password Rotation in 2024 is still Relevant
Bert Blevins
 
Measuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at TwitterMeasuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at Twitter
ScyllaDB
 
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Bert Blevins
 
WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
Lidia A.
 
Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation
welrejdoall
 
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
Kief Morris
 
Calgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptxCalgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptx
ishalveerrandhawa1
 
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsScaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Mydbops
 
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
jackson110191
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
UiPathCommunity
 
Mitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing SystemsMitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing Systems
ScyllaDB
 
20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf
Sally Laouacheria
 
Quantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLMQuantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLM
Vijayananda Mohire
 
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world
Emerging Tech
 
Cookies program to display the information though cookie creation
Cookies program to display the information though cookie creationCookies program to display the information though cookie creation
Cookies program to display the information though cookie creation
shanthidl1
 

Recently uploaded (20)

論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
 
Research Directions for Cross Reality Interfaces
Research Directions for Cross Reality InterfacesResearch Directions for Cross Reality Interfaces
Research Directions for Cross Reality Interfaces
 
Best Programming Language for Civil Engineers
Best Programming Language for Civil EngineersBest Programming Language for Civil Engineers
Best Programming Language for Civil Engineers
 
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALLBLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
 
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyyActive Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
 
Password Rotation in 2024 is still Relevant
Password Rotation in 2024 is still RelevantPassword Rotation in 2024 is still Relevant
Password Rotation in 2024 is still Relevant
 
Measuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at TwitterMeasuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at Twitter
 
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
 
WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
 
Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation
 
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
 
Calgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptxCalgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptx
 
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsScaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
 
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
 
Mitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing SystemsMitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing Systems
 
20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf
 
Quantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLMQuantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLM
 
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world
 
Cookies program to display the information though cookie creation
Cookies program to display the information though cookie creationCookies program to display the information though cookie creation
Cookies program to display the information though cookie creation
 

Websites on overdrive

  • 1. Magic, Illusion and other Peformances Bandwidth Latency Tools Websites on Overdrive Philip Tellis / philip@bluesmoon.info WebDU 2010 / 6-7 May 2010 WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 2. Magic, Illusion and other Peformances Bandwidth Latency Tools $ finger philip Philip Tellis philip@bluesmoon.info @bluesmoon yahoo geek http://bluesmoon.info/ WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 3. Magic, Illusion and other Peformances Seeing is believing Bandwidth The cost of performance Latency Where should we concentrate? Tools Magic, Illusion and other Performances WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 4. Magic, Illusion and other Peformances Seeing is believing Bandwidth The cost of performance Latency Where should we concentrate? Tools User perception How fast does the user think it takes your page to load? Do you want a really fast page that appears to be slow? or do you want a slow page that appears to be fast? WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 5. Magic, Illusion and other Peformances Seeing is believing Bandwidth The cost of performance Latency Where should we concentrate? Tools User perception How fast does the user think it takes your page to load? Do you want a really fast page that appears to be slow? or do you want a slow page that appears to be fast? WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 6. Magic, Illusion and other Peformances Seeing is believing Bandwidth The cost of performance Latency Where should we concentrate? Tools User perception How fast does the user think it takes your page to load? Do you want a really fast page that appears to be slow? or do you want a slow page that appears to be fast? WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 7. Magic, Illusion and other Peformances Seeing is believing Bandwidth The cost of performance Latency Where should we concentrate? Tools Blink How many blinks between click and onload? The average human eye takes 300-400ms to blink Web search results (Google & Yahoo!) load in about 3 blinks WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 8. Magic, Illusion and other Peformances Seeing is believing Bandwidth The cost of performance Latency Where should we concentrate? Tools Blink How many blinks between click and onload? The average human eye takes 300-400ms to blink Web search results (Google & Yahoo!) load in about 3 blinks WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 9. Magic, Illusion and other Peformances Seeing is believing Bandwidth The cost of performance Latency Where should we concentrate? Tools Blink How many blinks between click and onload? The average human eye takes 300-400ms to blink Web search results (Google & Yahoo!) load in about 3 blinks WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 10. Magic, Illusion and other Peformances Seeing is believing Bandwidth The cost of performance Latency Where should we concentrate? Tools Games Double-buffering and the VBLANK WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 11. Magic, Illusion and other Peformances Seeing is believing Bandwidth The cost of performance Latency Where should we concentrate? Tools How expensive is that blink? Yahoo! – 400ms slower → 5-9% drop in full page loads Google – 400ms slower → search engagement reduces over time Bing – 1 sec slower → 2.8% revenue drop, 2 sec slower → 4.3% drop Ref: The business of performance – Stoyan Stefanov WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 12. Magic, Illusion and other Peformances Seeing is believing Bandwidth The cost of performance Latency Where should we concentrate? Tools ... and conversely Shopzilla – 6s → 1.2s resulted in 7-12% increase in conversion rate Netflix – 43% decrease in bandwidth bill after enabling compression What about You? Ref: The business of performance – Stoyan Stefanov WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 13. Magic, Illusion and other Peformances Seeing is believing Bandwidth The cost of performance Latency Where should we concentrate? Tools ... and conversely Shopzilla – 6s → 1.2s resulted in 7-12% increase in conversion rate Netflix – 43% decrease in bandwidth bill after enabling compression What about You? Ref: The business of performance – Stoyan Stefanov WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 14. Magic, Illusion and other Peformances Seeing is believing Bandwidth The cost of performance Latency Where should we concentrate? Tools The wheels behind the screen Performance improvement boils down to two things Bandwidth Latency Do you need to take the bus or a motorcycle? WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 15. Magic, Illusion and other Peformances Seeing is believing Bandwidth The cost of performance Latency Where should we concentrate? Tools The wheels behind the screen Performance improvement boils down to two things Bandwidth Latency Do you need to take the bus or a motorcycle? WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 16. Magic, Illusion and other Peformances Seeing is believing Bandwidth The cost of performance Latency Where should we concentrate? Tools The wheels behind the screen Performance improvement boils down to two things Bandwidth Latency Do you need to take the bus or a motorcycle? WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 17. Magic, Illusion and other Peformances Seeing is believing Bandwidth The cost of performance Latency Where should we concentrate? Tools The wheels behind the screen Performance improvement boils down to two things Bandwidth Latency Do you need to take the bus or a motorcycle? WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 18. Magic, Illusion and other Peformances Seeing is believing Bandwidth The cost of performance Latency Where should we concentrate? Tools Not just the network Not just the network, but also within the browser process WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 19. Magic, Illusion and other Peformances The easier of the two Bandwidth State of the internet Latency How do we fix it? Tools Bandwidth WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 20. Magic, Illusion and other Peformances The easier of the two Bandwidth State of the internet Latency How do we fix it? Tools How fat is your pipe? How much data can you get across at once? Telephone system built for p-t-p voice? Optical fibre network? Geoff speeding down the M5 with 50TB of Daemon’s backup tapes? Ref: Shannon’s Theorem WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 21. Magic, Illusion and other Peformances The easier of the two Bandwidth State of the internet Latency How do we fix it? Tools How fat is your pipe? How much data can you get across at once? Telephone system built for p-t-p voice? Optical fibre network? Geoff speeding down the M5 with 50TB of Daemon’s backup tapes? Ref: Shannon’s Theorem WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 22. Magic, Illusion and other Peformances The easier of the two Bandwidth State of the internet Latency How do we fix it? Tools How fat is your pipe? How much data can you get across at once? Telephone system built for p-t-p voice? Optical fibre network? Geoff speeding down the M5 with 50TB of Daemon’s backup tapes? Ref: Shannon’s Theorem WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 23. Magic, Illusion and other Peformances The easier of the two Bandwidth State of the internet Latency How do we fix it? Tools How fat is your pipe? How much data can you get across at once? Telephone system built for p-t-p voice? Optical fibre network? Geoff speeding down the M5 with 50TB of Daemon’s backup tapes? Ref: Shannon’s Theorem WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 24. Magic, Illusion and other Peformances The easier of the two Bandwidth State of the internet Latency How do we fix it? Tools 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 WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 25. Magic, Illusion and other Peformances The easier of the two Bandwidth State of the internet Latency How do we fix it? Tools Bandwidth can be bought Bandwidth has increased steadily over time Networks, hard drives, memory, CPU, system bus, everything. Bandwidth can be parallelised WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 26. Magic, Illusion and other Peformances The easier of the two Bandwidth State of the internet Latency How do we fix it? Tools Bandwidth sells Marketing loves a fat pipe WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 27. Magic, Illusion and other Peformances The easier of the two Bandwidth State of the internet Latency How do we fix it? Tools How fast is the internet? YUI Blog measured bandwidth at 1Mbps and latency of 262ms Ref: Analysing Bandwidth & Latency – YUI Blog WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 28. Magic, Illusion and other Peformances The easier of the two Bandwidth State of the internet Latency How do we fix it? Tools How fast is the internet? Akamai measured average global bandwidth at 1.7Mbps Ref: State of the Internet – Akamai WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 29. Magic, Illusion and other Peformances The easier of the two Bandwidth State of the internet Latency How do we fix it? Tools ISPs WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 30. Magic, Illusion and other Peformances The easier of the two Bandwidth State of the internet Latency How do we fix it? Tools Australian ISPs Keep in mind that the Internet latency from Australia to the US is about 280ms WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 31. Magic, Illusion and other Peformances The easier of the two Bandwidth State of the internet Latency How do we fix it? Tools Pay for infrastructure South Korea invested in high bandwidth internet Google is investing in WiFi and Fibre in the US Akamai puts CDNs on high speed networks near the user WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 32. Magic, Illusion and other Peformances The easier of the two Bandwidth State of the internet Latency How do we fix it? Tools Measure your user’s bandwidth Javascript code to measure your user’s bandwidth & latency bw-test v1.3 WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 33. Magic, Illusion and other Peformances The easier of the two Bandwidth State of the internet Latency How do we fix it? Tools Make more efficient use of bandwidth gzip all text over the network minify your HTML, Javascript and CSS smush your images WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 34. Magic, Illusion and other Peformances The easier of the two Bandwidth State of the internet Latency How do we fix it? Tools Caveat about gzipping 15% of users still get uncompressed responses Ref: Beyond Gzipping – Tony Gentilcore, Google WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 35. Magic, Illusion and other Peformances The easier of the two Bandwidth State of the internet Latency How do we fix it? Tools In the DOM Use fewer elements and assets Use more specific elements WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 36. Magic, Illusion and other Peformances What’s the problem? Bandwidth State of the internet Latency How do we fix it? Tools Latency WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 37. Magic, Illusion and other Peformances What’s the problem? Bandwidth State of the internet Latency How do we fix it? Tools How fast can you drive? Latency deals with how long it takes to get a response after making a request WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 38. Magic, Illusion and other Peformances What’s the problem? Bandwidth State of the internet Latency How do we fix it? Tools Speed Limits 3 × 108 m /s – in vacuum 2 × 108 m /s – in fibre =⇒ 21ms × 2 (roundtrip from Boston to San Francisco) WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 39. Magic, Illusion and other Peformances What’s the problem? Bandwidth State of the internet Latency How do we fix it? Tools 42 It should take a packet around 42ms to go from Boston to SF and back It actually takes around 83ms for a packet to go from Boston to SF and back This hasn’t changed in 14 years Ref: It’s the latency, stupid – Stuart Cheshire WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 40. Magic, Illusion and other Peformances What’s the problem? Bandwidth State of the internet Latency How do we fix it? Tools 42 It should take a packet around 42ms to go from Boston to SF and back It actually takes around 83ms for a packet to go from Boston to SF and back This hasn’t changed in 14 years Ref: It’s the latency, stupid – Stuart Cheshire WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 41. Magic, Illusion and other Peformances What’s the problem? Bandwidth State of the internet Latency How do we fix it? Tools Latency isn’t sexy When was the last time you saw a TV commercial mention latency? WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 42. Magic, Illusion and other Peformances What’s the problem? Bandwidth State of the internet Latency How do we fix it? Tools ISPs WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 43. Magic, Illusion and other Peformances What’s the problem? Bandwidth State of the internet Latency How do we fix it? Tools Australian ISPs Keep in mind that the Internet latency from Australia to the US is about 280ms WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 44. Magic, Illusion and other Peformances What’s the problem? Bandwidth State of the internet Latency How do we fix it? Tools Getting around latency 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 WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 45. Magic, Illusion and other Peformances What’s the problem? Bandwidth State of the internet Latency How do we fix it? Tools Don’t add latency – Reduce lookups & Connections Limit the number of DNS lookups. 2-4 is okay. Limit the number of HTTP connections Concatenate CSS into a single file. Concatenate JS into one or two files. Combine images into sprites If you can, stuff everything into one call See search.yahoo.com Structure your page to avoid blocking Defer or post-load non-essential components WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 46. Magic, Illusion and other Peformances What’s the problem? Bandwidth State of the internet Latency How do we fix it? Tools Don’t add latency – Be quick on the return Keep MaxClients at a reasonable value (30’s a good number) Flush your headers as soon as they’re done Flush your page content often Offload static content to a separate server WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 47. Magic, Illusion and other Peformances What’s the problem? Bandwidth State of the internet Latency How do we fix it? Tools Caching Turn on browser based caching wherever possible max-age, Expires & Cache-control Use a CDN, and make sure the CDN caches resources Use local copies of global references in Javascript Cache DOM nodes that you operate on a lot WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 48. Magic, Illusion and other Peformances What’s the problem? Bandwidth State of the internet Latency How do we fix it? Tools Parallelise where possible Downloading scripts 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 Use event delegation WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 49. Magic, Illusion and other Peformances What’s the problem? Bandwidth State of the internet Latency How do we fix it? Tools 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 Build expected DOM nodes before they’re needed Ref: Preload CSS & JS without execution – Stoyan Stefanov WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 50. Magic, Illusion and other Peformances What’s the problem? Bandwidth State of the internet Latency How do we fix it? Tools One more thing Improving latency tends to improve bandwidth Increasing bandwidth can potentially worsen latency Larger packets take more time to assemble This is the difference between a 737 and a 747 WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 51. Magic, Illusion and other Peformances Bandwidth Latency Tools Tools WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 52. Magic, Illusion and other Peformances Bandwidth Latency Tools 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 WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 53. Magic, Illusion and other Peformances Bandwidth Latency Tools Further reading developer.yahoo.com/performance – Yahoo! code.google.com/speed/page-speed/docs/rules_intro.html – Google stevesouders.com/blog/ – Steve Souders phpied.com – Stoyan Stefanov WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 54. Magic, Illusion and other Peformances Bandwidth Latency Tools Contact Me Philip Tellis philip@bluesmoon.info @bluesmoon yahoo geek http://bluesmoon.info/ slideshare.net/bluesmoon WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 55. Magic, Illusion and other Peformances Bandwidth Latency Tools Thank you WebDU 2010 / 6-7 May 2010 Websites on Overdrive
  • 56. Magic, Illusion and other Peformances Bandwidth Latency Tools Photo credits flickr.com/photos/ktylerconk/3154161850/ flickr.com/photos/lwr/3631563009/ flickr.com/photos/siennaisalive/4436708323/ flickr.com/photos/jeremybrooks/4104176629/ flickr.com/photos/aquilaonline/2055376852/ flickr.com/photos/gi/117771718/ flickr.com/photos/vlastula/300102949/ flickr.com/photos/electrichamster/3160580687/ flickr.com/photos/docman/36125185/ flickr.com/photos/thomashawk/3162497239/ WebDU 2010 / 6-7 May 2010 Websites on Overdrive