Jak została zrobiona strona?

Question

Witam, czy ktoś wie jak została zrobiona ta strona http://www.speedtest.net/pl

Jak ta strona sprawdza prędkość naszego internetu?

Answer 1

https://support.speedtest.net/hc/en-us/articles/203845400-How-does-the-test-itself-work-How-is-the-result-calculated-
Polecam nauke języka angielskiego :P
Z tego co przeczytałem nie ma tu żadnej filozofii. Pomiar pingu to uśrednienie kilku pingów. Pomiar wysyłania / sciągania polega na nawiązaniu kilku połączeń oraz wysyłaniu / sciąganiu jakichś testowych plików o zmiennym rozmiarze i ewentualnie nawiązywaniu kolejnych połączeń, żeby zmaksymalizować wysyłanie / ściąganie. Klient liczy ile mu te operacje zajęły. Składa te wyniki przy pomocy jakiegoś aparatu statystycznego i masz swój wynik.

Comments

I coś takiego można napisać w Javascript?

---

Myślę, że jak najbardziej. Znalazłem coś na githubie na szybko HTML5 + JS + PHP:
https://github.com/adolfintel/speedtest

---

Nie chciało mi się dużo analizować, ale to działa, więc sie da :D

Answer 2

Najprostszy sposób to przerobienie typowego kodu progressbara. Wystarczy np. co sekundę odczytywać ilość przesłanych danych:

$(function() {

    var bar = $('.bar');
    var percent = $('.percent');
    var status = $('#status');

    $('form').ajaxForm({
        beforeSend: function() {
            status.empty();
            var percentVal = '0%';
            bar.width(percentVal);
            percent.html(percentVal);
        },
        uploadProgress: function(event, position, total, percentComplete) {
            var percentVal = percentComplete + '%';
            bar.width(percentVal);
            percent.html(percentVal);
        },
        complete: function(xhr) {
            status.html(xhr.responseText);
        }
    });
});