我可以在我的React Web应用程序中测量用户的互联网速度吗？

Question

我建立了一个小型的React Web应用程序，并且注意到有些用户在不断下降。

我知道fast.com似乎可以通过让客户端下载文件然后上载文件来衡量网络速度。

如果对我的React Web App进行类似的操作是否可行？

Answer 1

是。有很多可用的库。您可以在npmjs

中找到

Answer 2

是。您当然可以做到。但无需下载和上传文件，这需要某种提示。

您可以做的是从URL中加载大小已知的图像<Image source={someURL}/>，并显示给用户。您的应用程序徽标可以使用。它不会100％准确，但是会为您提供所需的信息，并在加载前启动timer，并在加载后完成计时器，您可以根据功能组件或类使用react hooks或didComponentMount与测量时间。

const CalculateTime = (time) => {
 const mins = Math.floor(time/60);
 const secs = time-mins*60;
 //you can calculate milliseconds etc...
 return (mins, secs);

在主要功能中使用react-hooks

export default function App(){

 [isActive, startActiviating] = useState(false);

当然可以从return ()调用函数并计算时间。