VanillaJS Cookie Yönetimi

#javascript #vanillajs #webdev

Bir cookie.js dosyası oluşturup, içerisine yazıp unutmalık iki fonksiyon.

Bazı zamanlarda front-end tarafında cookie okuyup, yazmak gerekebiliyor.

function getCookie(name) {
    var cookieArr = document.cookie.split(";");
    for (var i = 0; i < cookieArr.length; i++) {
        var cookiePair = cookieArr[i].split("=");

        if (name == cookiePair[0].trim()) {
            return decodeURIComponent(cookiePair[1]);
        }
    }

    return null;
}

function setCookie(name, value, expiryMin) {
    var cookie = name + "=" + encodeURIComponent(value);

    if (typeof expiryMin === "number") {
        cookie += "; max-age=" + (expiryMin * 60);
        document.cookie = cookie;
    }
}

Cookie okumak için;
Cookie yoksa null değer döner.

$ console.log(getCookie('BenimAdim'))
# Kuki

Cookie tanımlamak için;
Son parametrede dakika cinsinden ne kadar süre cookie tutmak istediğimizi belirliyoruz.

$ setCookie('BenimAdim', 'Kuki', 1440)
$ console.log(getCookie('BenimAdim'))
# Kuki

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.