How to Detect Network Speed using JavaScript? (original) (raw)

Last Updated : 21 Apr, 2025

Network speed detection in JavaScript involves measuring the time it takes to download a known file or resource and calculating the download speed. To calculate the speed of the network a file of known size is chosen from a server to download. The time taken to start and complete the download is recorded and using the file size and the time taken, the download speed is calculated.

**Approach

Open the web page for which you want to know the connection speed. The page should be the one for which you want to add the JavaScript code for detecting the speed. Assign or set up the address of the image that you want to use for the speed test to the variable. The variables for storing the test's start time, end time, and download size should be created. Set the "download Size" equivalent to the image file size(In bytes). The end of the download action is assigned to activate when the image downloading is completed. It calculates the speed of the download process, and converts it to "kbps" and "mbps".

**Example: Below is an example illustrating the above approach.

HTML `