Vérification quelqu'un de la bande passante et le chargement de contenu basé sur elle

Fondamentalement, vous le faire comme ceci:

• Démarrer une minuterie
• Charger un fichier de taille fixe.e.g une image par le biais d'un appel ajax
• L'arrêt de la minuterie
• Prendre des échantillons et de calculer la moyenne badwidth

Somethign comme cela pourrait fonctionner:

//http://upload.wikimedia.org/wikipedia/commons/5/51/Google.png
//Size = 238 KB
function measureBW(cnt, cb) {
    var start = new Date().getTime();
    var bandwidth;
    var i = 0;
    (function rec() {
        var xmlHttp = new XMLHttpRequest();
        xmlHttp.open('GET', 'http://upload.wikimedia.org/wikipedia/commons/5/51/Google.png', true);

        xmlHttp.onreadystatechange = function () {
            if (xmlHttp.readyState == 4) {
                var x = new Date().getTime() - start;
                bw = Number(((238 / (x / 1000))));
                bandwidth = ((bandwidth || bw) + bw) / 2;
                i++;
              if (i < cnt) {
                start = new Date().getTime();rec();
              }
                else cb(bandwidth.toFixed(0));
            }
        };
        xmlHttp.send(null);
    })();

}

measureBW(10, function (e) {
    console.log(e);
});

Pas que var xmlHttp = new XMLHttpRequest(); ne fonctionne pas sur tous les navigateurs, vous devriez vérifier pour le UserAgent et d'utiliser la bonne

Et bien sûr sa juste valeur estimée.

Heres un JSBin exemple

OriginalL'auteur Moritz Roessler

J'ai frappé cette sur le calendrier de base téléchargement des images (ref: http://www.ehow.com/how_5804819_detect-connection-speed-javascript.html)

Mot d'avertissement si:

Il me dit que mon débit est 1.81 Mbps,

Mais selon SpeedTest.Net mes vitesses sont à ceci:

La logique du timing, le téléchargement semble juste, mais vous ne savez pas si elle est exacte?

OriginalL'auteur Greg

Alors que ce n'est pas une réponse, il peut être important de noter que la mesure de la bande passante n'est pas toujours fiable.

http://www.smashingmagazine.com/2013/01/09/bandwidth-media-queries-we-dont-need-em/

Pour paraphraser le ci-dessus:

...le nombre de bits téléchargé divisé par le temps qu'il a fallu pour les télécharger...est vrai lorsque vous téléchargez un fichier volumineux sur un seul réchauffé connexion TCP. C'est rarement le cas.
Typique de chargement de la page scénario:

1. Initial de la page HTML téléchargé à l'aide de slow-start mécanisme, de sorte que la mesure ne sous-estiment considérablement la bande passante disponible
2. CSS et JavaScript ressources externes sont chargés -- une collection de nouvelles connexions TCP, tous dans leur lente phase de démarrage, et ils ne sont pas forcément tous au même serveur de destination
3. Les Images sont chargées -- les connexions multiples, chacun le téléchargement d'une ressource. Le problème est que ces connexions ne sont pas toujours dans la même phase de leur cycle de vie. Certains sont peut-être dans le démarrage lent de phase; certains peuvent avoir subi une perte de paquets et, par conséquent, réduit leur fenêtre et de la bande passante qu'ils essaient de remplir; et certains pourraient être réchauffé connexions TCP, prêt à remplir la largeur de bande. Ces connexions TCP ne sont pas nécessairement tous à la même destination du serveur et de la bande passante vers les différents serveurs de destination peuvent être différents entre l'un de l'autre.

Ainsi, l'estimation de la bande passante est possible, mais c'est loin d'être simple, et il est possible que pour certaines phases de la page de chargement de processus. Et parce que le fait d'avoir plusieurs connexions TCP à différents serveurs de destination commun (par exemple, CA pourrait héberger l'image des ressources d'une page Web), on ne peut pas vraiment dire quelle est la bande passante que nous voulons mesurer.

Puisque c'est une vieille question, la suggestion de remplacement à la fin de l'article est de considérer la plus récente srcset l'attribut pour sensible de l'imagerie, ce qui permet au navigateur de décider de l'actif de la charge en fonction de ce qu'il sait (qui doit être plus que nous). Il sonne comme il est pondéré en plus vers la juste détermination de la résolution, mais peut-être que vous êtes plus intelligent que l'aide va jusqu'.

OriginalL'auteur drzaus