如何使用 JavaScript 检测网络速度？

要使用 javascript 检测网络速度，我们将使用以下方法。

方法：打开你想知道连接速度的网页。该页面应该是您要为其添加用于检测速度的 javascript 代码的页面。将要用于速度测试的图像的地址分配或设置给变量。应该创建用于存储测试的开始时间、结束时间和下载大小的变量。将“downloadSize”设置为图像文件大小（以字节为单位）。下载动作的结束被指定为在图像下载完成时激活。它计算下载过程的速度，并将其转换为“kbps”和“mbps”。

以下是说明上述方法的示例：
例子：

    
        
          To detect network speed using JavaScript
        
    
    
        
            var userImageLink = 
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20200714180638/CIP_Launch-banner.png";
            var time_start, end_time;
            
            // The size in bytes
            var downloadSize = 5616998;
            var downloadImgSrc = new Image();
  
            downloadImgSrc.onload = function () {
                end_time = new Date().getTime();
                displaySpeed();
            };
            time_start = new Date().getTime();
            downloadImgSrc.src = userImageLink;
            document.write("time start: " + time_start);
            document.write("<br>");
  
            function displaySpeed() {
                var timeDuration = (end_time - time_start) / 1000;
                var loadedBits = downloadSize * 8;
                
                /* Converts a number into string
                   using toFixed(2) rounding to 2 */
                var bps = (loadedBits / timeDuration).toFixed(2);
                var speedInKbps = (bps / 1024).toFixed(2);
                var speedInMbps = (speedInKbps / 1024).toFixed(2);
                alert("Your internet connection speed is: \n" 
                      + bps + " bps\n" + speedInKbps 
                      + " kbps\n" + speedInMbps + " Mbps\n");
            }
        
    

输出：