JavaScript で接続速度を検出する方法
接続速度は、インターネットなどのネットワークを介した 2 台のコンピューター間のデータ フローの速度です。接続速度は 1 秒あたりのビット数 (bps) の単位で測定されますが、通常は 1 秒あたりのキロビット (1024 ビット) (モデム接続の場合は一般的な kbps) または 1 秒あたりのメガビット (1024 キロビット) (Mbps、ブロードバンド接続の場合は一般的) で表されます。 . JavaScript を使用して接続速度を測定および計算する Web ページを作成することは、Web ブラウザーで実行できるネットワークおよびインターネット接続の監視に役立つ管理ツールです。また、これを使用して Web サイト訪問者の接続を検出し、コンテンツの帯域幅を集中的に送信するか軽量バージョンを送信するかを決定できます。
ステップ 1
接続速度検出 JavaScript を追加する Web ページをテキスト エディターで開きます。
ステップ 2
Web ページのヘッダー領域に開始スクリプト タグと終了スクリプト タグを追加します (開始
タグですが、末尾の の前に タグ)、例:ステップ 3
次のコードを開始スクリプト タグと終了スクリプト タグの間に追加し、「myimage.jpg」を速度テストに使用する画像のファイル名に置き換えます。ビルドされて imageAddr に割り当てられるアドレスの "?n=" + Math.random() 部分は、ローカルにキャッシュされたバージョンを使用する代わりに、Web ブラウザーをだまして毎回画像を取得させます。ファイル サイズが約 200 キロバイトの画像を使用してください。
var imageAddr ="myimage.jpg" + "?n=" + Math.random();
ステップ 4
スクリプトの次の行に次のコードを追加して、テストの開始時刻、終了時刻、およびダウンロード サイズを格納する変数を作成します。 "downloadSize" をイメージ ファイルのサイズ (バイト単位) に設定します。
var startTime, endTime GO var downloadSize =200000;
ステップ 5
次のコードを追加して、テスト用にダウンロードするイメージをセットアップします。 Image オブジェクトとして「download」を設定します。ダウンロードの終了をキャプチャするアクションは、イメージのダウンロードが完了したときにアクティブ化するように割り当てられています。
var download =new Image();
ダウンロード.オンロード =関数() {
endTime =(new Date()).getTime();
showResults () GO }
ステップ 6
速度テストを実行する次のコードを追加します。現在の時刻は startTime に取り込まれます。 download.src に割り当てられているイメージ アドレスにより、イメージのダウンロードが開始されます。
startTime =(new Date()).getTime(); download.src =imageAddr;
ステップ 7
速度テストの結果を表示するスクリプトに次の関数を追加します。まず、ミリ秒を秒に変換して期間を計算します。次に、ダウンロード サイズをビットに変換し、ダウンロード速度を計算して、速度を kbps と Mbps に変換します。最後に、メッセージ ボックスに結果が表示されます。
function showResults () { var duration =Math.round((endTime - startTime) / 1000); var bitsLoaded =downloadSize * 8 GO var speedBps =Math.round(bitsLoaded / duration) GO var speedKbps =(speedBps / 1024).toFixed(2) GO var speedMbps =(speedKbps / 1024).toFixed(2) GO alert ("あなたの接続速度は次のとおりです:\n" + speedBps + " bps\n" + speedKbps + " kbps\n" + speedMbps + " Mbps\n") GO }
ステップ 8
ブラウザでページを開き、テストして、スクリプトが正しく機能することを確認します。メッセージ ボックスにテスト結果が表示されるまで数秒かかる場合があります。
ヒント
JavaScript は、Web ページを表示しているコンピューターと、テストに使用された画像をホストしているサイトとの間の速度を測定します。独自の Web サイトへの接続をテストする場合は、独自の Web サイトでイメージをホストします。 flickr や Amazon など、十分な帯域幅と速度を備えたサイトでホストされている画像にアドレスを指定して、一般的な接続速度をテストします。