So erkennen Sie die Verbindungsgeschwindigkeit mit JavaScript

Die Verbindungsgeschwindigkeit ist die Geschwindigkeit, mit der Daten zwischen zwei Computern über ein Netzwerk wie das Internet fließen. Die Verbindungsgeschwindigkeit wird in Einheiten von Bits pro Sekunde (bps) gemessen, wird aber normalerweise in Kilobit (1024 Bits) pro Sekunde (kbps, typisch für Modemverbindungen) oder Megabit (1024 Kilobit) pro Sekunde (Mbps, typisch für Breitbandverbindungen) angegeben. . Das Erstellen einer Webseite mit JavaScript zum Messen und Berechnen der Verbindungsgeschwindigkeit ist ein nützliches Verwaltungstool für die Netzwerk- und Internetverbindungsüberwachung, das Sie direkt in Ihrem Webbrowser ausführen können. Sie können es auch verwenden, um die Verbindung Ihres Website-Besuchers zu erkennen, um zu entscheiden, ob Sie die bandbreitenintensive oder die Light-Version Ihres Inhalts senden möchten.

Índice
  1. Schritt 1
  2. Schritt 2
  3. Schritt 3
  4. Schritt 4
  5. Schritt 5
  6. Schritt 6
  7. Schritt 7
  8. Schritt 8

Schritt 1

Öffnen Sie Ihre Webseite, der Sie das JavaScript zur Verbindungsgeschwindigkeitserkennung hinzufügen möchten, in Ihrem Texteditor.

Schritt 2

Fügen Sie Start- und Endskript-Tags im Header-Bereich der Webseite hinzu (nach dem Start-Tag, aber vor dem End -Tag), zum Beispiel:

Schritt 3

Fügen Sie den folgenden Code zwischen den Start- und Endskript-Tags ein und ersetzen Sie „myimage.jpg“ durch den Dateinamen des Bilds, das Sie für den Geschwindigkeitstest verwenden möchten. Der Teil "?n=" + Math.random() der Adresse, der erstellt und imageAddr zugewiesen wird, bringt den Webbrowser dazu, das Bild jedes Mal abzurufen, anstatt eine lokal zwischengespeicherte Version zu verwenden. Verwenden Sie ein Bild mit einer Dateigröße von ca. 200 Kilobyte.

var imageAddr = "myimage.jpg" + "?n=" + Math.random() ;

Schritt 4

Fügen Sie den folgenden Code in der nächsten Zeile des Skripts hinzu, um die Variablen zum Speichern der Startzeit, Endzeit und Downloadgröße des Tests zu erstellen. Setzen Sie "downloadSize" auf die Größe der Bilddatei in Byte.

var startTime, endTime GO var downloadSize = 200000 ;

Schritt 5

Fügen Sie den folgenden Code hinzu, um das Bild einzurichten, das für den Test heruntergeladen wird. "download" wird als Image-Objekt eingerichtet. Die Aktion zum Erfassen des Endes des Downloads wird so zugewiesen, dass sie aktiviert wird, wenn der Bilddownload abgeschlossen ist.

var download = neues Bild ();
download.onload = function() {
endTime = (new Date()).getTime() ;
Ergebnisse anzeigen () GO }

Schritt 6

Fügen Sie den folgenden Code hinzu, der den Geschwindigkeitstest ausführt. Die aktuelle Uhrzeit wird in startTime erfasst. Die Bildadresse, die download.src zugewiesen wird, startet den Bilddownload.

startTime = (neues Datum()).getTime() ; download.src = imageAddr ;

Schritt 7

Fügen Sie dem Skript, das die Geschwindigkeitstestergebnisse anzeigt, die folgende Funktion hinzu. Zuerst berechnet es die Dauer, indem es Millisekunden in Sekunden umwandelt. Als nächstes konvertiert es die Download-Größe in Bits, berechnet die Download-Geschwindigkeit und konvertiert die Geschwindigkeit in kbps und Mbps. Schließlich erscheint ein Meldungsfeld mit den Ergebnissen.

Funktion showResults () { var Dauer = 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 (" Ihre Verbindungsgeschwindigkeit ist: n" + speedBps + " bpsn" + speedKbps + " kbpsn" + speedMbps + " Mbpsn") GO }

Schritt 8

Öffnen Sie die Seite in Ihrem Browser und testen Sie sie, um sicherzustellen, dass das Skript korrekt funktioniert. Es kann einige Sekunden dauern, bis das Meldungsfeld mit den Testergebnissen angezeigt wird.

Things You'll Need

  • Text editor, such as Notepad++

  • Web page

  • JavaScript-enabled web browser

  • Web address to an image to use for the test

Tip

The JavaScript measures the speed between the computer viewing the web page and the site hosting the image used for the test. If you are testing the connection to your own website, host the image on your own website. Test general connection speed by providing the address to an image hosted on a site with plenty of bandwidth and speed such as flickr or Amazon.

Das könnte Sie auch interessieren

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.

Go up