JavaScript peut-il mesurer avec précision la vitesse d'Internet, et comment ?

Comment mesurer la vitesse Internet avec JavaScript (avec mises en garde)

Détecter la vitesse Internet d'un utilisateur avec JavaScript est possible dans une certaine mesure, mais c'est crucial pour gérer les attentes en matière d’exactitude. L'approche implique :

• Chargement d'image avec une taille de fichier connue : Chargez une image avec une taille de fichier prédéterminée.
• Mesure basée sur les événements : Dans l'événement "onload" de l'image, calculez le temps écoulé depuis que l'événement a été déclenché.
• Calcul : Divisez le temps par la taille du fichier image pour déterminer la vitesse de connexion.

Cependant, cette méthode présente les limites suivantes :

• Inexactitude inhérente : Les conditions du réseau, la mise en cache et d'autres facteurs peuvent affecter la précision de vitesse calculée.
• Détection sélective : Elle mesure uniquement la vitesse spécifique au fichier image en cours de téléchargement, et non la vitesse globale du réseau.

Exemple Implémentation :

Un exemple concret de l'approche décrite peut être trouvé ici : Calculer la vitesse à l'aide JavaScript.

Cas de test avec correctifs :

Le code suivant intègre un correctif pour corriger certaines inexactitudes :

// ... same setup code as before ...

function showResults() {
    var duration = (endTime - startTime) / 1000;
    var duration2 = (Math.round(duration * 1000) / 1000).toFixed(2); // Round-trip time fix

    var bitsLoaded = downloadSize * 8;
    var speedBps = (bitsLoaded / duration).toFixed(2);
    var speedKbps = (speedBps / 1024).toFixed(2);
    var speedMbps = (speedKbps / 1024).toFixed(2);
    ShowProgressMessage([
        "Your connection speed is:", 
        speedBps + " bps", 
        speedKbps + " kbps", 
        speedMbps + " Mbps"
    ]);
}

Ce correctif inclut un plus calcul précis de la durée en l'arrondissant à deux décimales.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!