JavaScript ile İnternet Hız Testi Yapısı Derledik

İnternet hızları günümüzde herhangi bir hizmet satın alırken veya bir test gerçekleştirmek isterken önemli bir etkendir. Bu etken birinci kullanıcı tarafından her zaman önem arz eder.

Hız testi gerçekleştirmek için her zaman bazı websitelerine ihtiyaç duymamız gerekmez. Bunu javascript ile yapabilmek oldukça mümkündür. O halde makalemizi okumaya devam edin.

Yapı, Hız Testini Nasıl Gerçekleştiriyor?

Derlediğimiz kod parçacığı internet hızınızı upload/download şeklinde test etmiyor. Test edilen değer, MBPS değeri olduğu için hız testinizin sonucunu;

• 9119806.48 bps
• 8906.06 kbps
• 8.70 Mbps

gibi değerler ile almanız gerekiyor.

Mgps değeri: Açılımı Mega Bits Per Second olan Mbps, saniyede aktarılan veri sayısının megabit cinsinden ifade edilişidir. İnternetin standart hız birimidir.

JavaScript ön planda

Aşağıdaki kod parçacığını herhangi bir kütüphane kullanmadan yalnızca birkaç satır javascript kodu ile derlemiş bulunduk.

Javascript burada da önderliğini ve gelişmiş olduğunu gösteriyor. Kod parçacığında yalnızca HTML/CSS/JS kullandık. Ayrıca kodları github üzerine yükleyerek oradada derledik. Github hesabımızı incelemek istiyorsanız bu bağlantıya tıklayabilirsiniz.

Birkaç satır kod

Kodların yalnızca html haline getirilmiş halini edinmek istiyorsanız github bağlantısını ziyaret edebilirsiniz. Tarayıcının kodu derlemesi için bu işlemi gerçekleştirmeniz gerekmektedir.

HTML

<h1 id="progress">JavaScript kapalı veya tarayıcınız gerçekten yavaş</h1>Code language: HTML, XML (xml)

JavaScript

var imageAddr = "https://i.ibb.co/RgrRwjx/sibersozluk-5mb-speedtest.jpg"; 
var downloadSize = 4995374;

function ShowProgressMessage(msg) {
    if (console) {
        if (typeof msg == "string") {
            console.log(msg);
        } else {
            for (var i = 0; i < msg.length; i++) {
                console.log(msg[i]);
            }
        }
    }
    
    var oProgress = document.getElementById("progress");
    if (oProgress) {
        var actualHTML = (typeof msg == "string") ? msg : msg.join("<br />");
        oProgress.innerHTML = actualHTML;
    }
}

function InitiateSpeedDetection() {
    ShowProgressMessage("Sibersözlük'e ait resim yükleniyor, lütfen bekleyin...");
    window.setTimeout(MeasureConnectionSpeed, 1);
};    

if (window.addEventListener) {
    window.addEventListener('load', InitiateSpeedDetection, false);
} else if (window.attachEvent) {
    window.attachEvent('onload', InitiateSpeedDetection);
}

function MeasureConnectionSpeed() {
    var startTime, endTime;
    var download = new Image();
    download.onload = function () {
        endTime = (new Date()).getTime();
        showResults();
    }
    
    download.onerror = function (err, msg) {
        ShowProgressMessage("Geçersiz resim ya da indirme işleminde hata bulunuyor.");
    }
    
    startTime = (new Date()).getTime();
    var cacheBuster = "?nnn=" + startTime;
    download.src = imageAddr + cacheBuster;
    
    function showResults() {
        var duration = (endTime - startTime) / 1000;
        var bitsLoaded = downloadSize * 8;
        var speedBps = (bitsLoaded / duration).toFixed(2);
        var speedKbps = (speedBps / 1024).toFixed(2);
        var speedMbps = (speedKbps / 1024).toFixed(2);
        ShowProgressMessage([
            "Sibersözlük internet hızınızı bu şekilde yorumluyor:", 
            speedBps + " bps", 
            speedKbps + " kbps", 
            speedMbps + " Mbps"
        ]);
    }
}Code language: JavaScript (javascript)

Kod parçacıkları yukarıda olduğu gibidir. JavaScript ile hız testi gerçekleştirmek işte bu kadar basit.

Nasıl görünüyor?

Kodları derlediğimiz bir demo internet bağlantısı mevcut. Bu bağlantıya tıklayarak kodların derlenmiş halinin nasıl göründüğünü inceleyebilirsiniz.

Bu makalede javascript ile hız testi gerçekleştirmek için küçük kod parçacıkları paylaştık. Paylaşımı beğendiyseniz sosyal medya hesaplarınızdan paylaşabilirsiniz. Aklınıza takılan tüm soruları yorumlar bölümünden iletebilirsiniz.