Bandwidth utility using javascript

Question

IS there any utility to measure bandwidth from my server to the client or any standard APIS.Need this for web application

Answer 1

Don't know of any utility or standard API, no, but you can do this by having several images of various sizes on your website, and then retrieving them bypassing cache and watching how long it takes for them to load. That information, along with the size of the image, gives you an indication of the speed between the two endpoints.

The reason for using multiple images is that you'll want to start small (say, 20k), but if the connection is fast that will give you a very inaccurate number; so based on how quickly that image loaded, you'll want to select another image of an appropriate size to try to get a better idea of the actual bandwidth (as opposed to the latency setting up the connection and such).

You can do this just with straight JavaScript, by adding img tags off-page with a unique query string to bypass caching; but as you've tagged your question "jQuery", you may find it more convenient to use the .ajax function (with its cache: false setting) instead.

The speed number you come up with is only an indication, since other things could be going on that mess up your timing (video streaming in another tab — or on another computer hooked to the same internet connection, even other things slowing up the execution of your JavaScript, like a JS-heavy animation on the page), but it should be good enough to give you an idea what you're working with.