{"id":25517,"date":"2025-07-07T17:02:39","date_gmt":"2025-07-07T14:02:39","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/"},"modified":"2025-07-23T17:42:50","modified_gmt":"2025-07-23T14:42:50","slug":"localstorage-ve-sessionstorage-arasindaki-farklar","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/","title":{"rendered":"localStorage ve sessionStorage Aras\u0131ndaki Farklar"},"content":{"rendered":"

localStorage ve sessionStorage Aras\u0131ndaki Farklar<\/p>\n

Web geli\u015ftirmede veri depolaman\u0131n temel ta\u015flar\u0131ndan olan localStorage<\/code> ve sessionStorage<\/code>, benzer i\u015flevlere sahip gibi g\u00f6r\u00fcnseler de \u00f6nemli farkl\u0131l\u0131klar g\u00f6sterir. Bu farkl\u0131l\u0131klar\u0131 anlamak, web uygulamalar\u0131n\u0131z\u0131n performans\u0131n\u0131 ve g\u00fcvenli\u011fini optimize etmek i\u00e7in kritik \u00f6neme sahiptir. Bu makalede, localStorage<\/code> ve sessionStorage<\/code> aras\u0131ndaki farklar\u0131 ad\u0131m ad\u0131m, yeni ba\u015flayanlardan ileri seviye geli\u015ftiricilere kadar herkesin anlayabilece\u011fi \u015fekilde a\u00e7\u0131klayaca\u011f\u0131z. Ayr\u0131ca, ger\u00e7ek d\u00fcnya senaryolar\u0131 ve kod \u00f6rnekleriyle konuyu peki\u015ftirece\u011fiz.<\/p>\n

localStorage ve sessionStorage Nedir? Temel Kavramlar<\/h2>\n

Hem localStorage<\/code> hem de sessionStorage<\/code>, taray\u0131c\u0131da istemci taraf\u0131nda veri depolamak i\u00e7in kullan\u0131lan mekanizmalard\u0131r. Bunlar, verileri sunucuya g\u00f6ndermeden, do\u011frudan taray\u0131c\u0131da saklaman\u0131za olanak tan\u0131r. Bu sayede, kullan\u0131c\u0131n\u0131n taray\u0131c\u0131s\u0131nda daha h\u0131zl\u0131 ve daha verimli bir deneyim sa\u011flars\u0131n\u0131z. Ancak, bu iki mekanizma aras\u0131nda, verilerin ne kadar s\u00fcre saklanaca\u011f\u0131 ve hangi ba\u011flamda eri\u015filebilece\u011fi gibi \u00f6nemli farkl\u0131l\u0131klar bulunur. \u00d6rne\u011fin, bir al\u0131\u015fveri\u015f sitesi kullan\u0131c\u0131 sepetini localStorage<\/code>‘ta saklarken, kullan\u0131c\u0131 oturum bilgilerini sessionStorage<\/code>‘ta saklayabilir. Bu ayr\u0131m, uygulama g\u00fcvenli\u011fi ve kullan\u0131c\u0131 deneyimi a\u00e7\u0131s\u0131ndan kritiktir.<\/p>\n

Daha basit bir ifadeyle; localStorage<\/code> taray\u0131c\u0131 kapat\u0131lana kadar verileri saklarken, sessionStorage<\/code> ise taray\u0131c\u0131 sekmesi veya penceresi kapat\u0131ld\u0131\u011f\u0131nda verileri siler. Bu temel ayr\u0131m, hangi veri t\u00fcr\u00fcn\u00fc hangi mekanizmada saklaman\u0131z gerekti\u011fini belirler. \u00d6rne\u011fin, kullan\u0131c\u0131n\u0131n tercihlerini saklamak i\u00e7in localStorage<\/code> idealken, bir formun ge\u00e7ici verilerini saklamak i\u00e7in sessionStorage<\/code> daha uygundur. Her iki mekanizma da anahtar-de\u011fer \u00e7iftleri kullanarak verileri depolar, bu sayede verilerin eri\u015fimi ve y\u00f6netimi kolayla\u015f\u0131r.<\/p>\n

Bununla birlikte, hem localStorage<\/code> hem de sessionStorage<\/code>‘\u0131n kapasite s\u0131n\u0131rlamalar\u0131 vard\u0131r ve \u00e7ok b\u00fcy\u00fck veriler i\u00e7in uygun de\u011fildirler. Ayr\u0131ca, verilerin g\u00fcvenli\u011fi konusunda dikkatli olmak \u00f6nemlidir; \u00e7\u00fcnk\u00fc bu veriler istemci taraf\u0131nda depoland\u0131\u011f\u0131 i\u00e7in k\u00f6t\u00fc niyetli ki\u015filer taraf\u0131ndan eri\u015filebilir olabilir. Bu nedenle, hassas verilerin bu mekanizmalarda saklanmamas\u0131 \u00f6nerilir. Daha fazla g\u00fcvenlik gerektiren durumlarda sunucu taraf\u0131 veri depolar\u0131 kullan\u0131lmal\u0131d\u0131r. Bu konuya ilerleyen b\u00f6l\u00fcmlerde daha detayl\u0131 de\u011finece\u011fiz.<\/p>\n

localStorage Nas\u0131l Kullan\u0131l\u0131r? Ad\u0131m Ad\u0131m \u00d6rnekler<\/h2>\n

localStorage<\/code>‘\u0131 kullanmak olduk\u00e7a basittir. A\u015fa\u011f\u0131daki kod blo\u011fu, localStorage<\/code>‘a veri eklemeyi, veri alma ve veri silmeyi g\u00f6stermektedir. \u00d6ncelikle, bir anahtar belirler ve bu anahtarla ili\u015fkili bir de\u011fer depolar\u0131z. Daha sonra, bu de\u011feri geri almak i\u00e7in ayn\u0131 anahtar\u0131 kullan\u0131r\u0131z. Veri silme i\u015flemi i\u00e7in ise removeItem()<\/code> metodunu kullan\u0131r\u0131z. T\u00fcm localStorage<\/code> verilerini silmek i\u00e7in ise clear()<\/code> metodunu kullanabiliriz. Bu y\u00f6ntemleri kullan\u0131rken, veri tiplerine dikkat etmek ve her zaman JSON.stringify()<\/code> ve JSON.parse()<\/code> metodlar\u0131n\u0131 kullanarak veri b\u00fct\u00fcnl\u00fc\u011f\u00fcn\u00fc sa\u011flamak \u00f6nemlidir.<\/p>\n

\/\/ De\u011fer ekleme\nlocalStorage.setItem('ad', 'Fatih Soysal');\nlocalStorage.setItem('yas', 35);\n\n\/\/ De\u011fer alma\nlet ad = localStorage.getItem('ad');\nlet yas = localStorage.getItem('yas');\n\nconsole.log(\"Ad:\", ad); \/\/ \u00c7\u0131kt\u0131: Ad: Fatih Soysal\nconsole.log(\"Ya\u015f:\", yas); \/\/ \u00c7\u0131kt\u0131: Ya\u015f: 35\n\n\/\/ De\u011fer silme\nlocalStorage.removeItem('yas');\n\n\/\/ T\u00fcm verileri silme\n\/\/ localStorage.clear();\n\n\/\/ JSON objesi kullan\u0131m\u0131\nlet user = { ad: 'Ahmet', soyad: 'Y\u0131lmaz'};\nlocalStorage.setItem('kullanici', JSON.stringify(user));\n\nlet gelenKullanici = JSON.parse(localStorage.getItem('kullanici'));\nconsole.log(gelenKullanici.ad); \/\/ \u00c7\u0131kt\u0131: Ahmet<\/pre>\n
<\/code><\/p>\n
Bu basit \u00f6rnek, localStorage<\/code>'\u0131n temel kullan\u0131m\u0131n\u0131 g\u00f6stermektedir. Daha karma\u015f\u0131k uygulamalarda, veri do\u011frulama ve hata y\u00f6netimi gibi ek \u00f6nlemler alman\u0131z gerekebilir.  Ayr\u0131ca, b\u00fcy\u00fck miktarda veri depolamak i\u00e7in localStorage<\/code>'\u0131n uygun olmad\u0131\u011f\u0131n\u0131 unutmamak \u00f6nemlidir.  B\u00fcy\u00fck veriler i\u00e7in veritaban\u0131 sistemleri kullanmak daha etkili bir \u00e7\u00f6z\u00fcm olabilir.  Daha fazla bilgi i\u00e7in (https:\/\/fatihsoysal.com) inceleyebilirsiniz.<\/p>\n
sessionStorage Nas\u0131l Kullan\u0131l\u0131r? Uygulamal\u0131 \u00d6rnekler<\/h2>\n
 sessionStorage<\/code> kullan\u0131m\u0131 localStorage<\/code>'a \u00e7ok benzer.  Temel fark, verilerin taray\u0131c\u0131 sekmesi veya penceresi kapat\u0131ld\u0131\u011f\u0131nda otomatik olarak silinmesidir.  Bu, kullan\u0131c\u0131 oturumlar\u0131yla ilgili ge\u00e7ici verileri saklamak i\u00e7in idealdir.  \u00d6rne\u011fin, bir e-ticaret sitesinde sepet i\u00e7eri\u011fini sessionStorage<\/code>'da saklayabilirsiniz.  Kullan\u0131c\u0131 taray\u0131c\u0131y\u0131 kapat\u0131r kapatmaz sepet bilgileri kaybolacakt\u0131r. Bu durum, kullan\u0131c\u0131 gizlili\u011fine ve g\u00fcvenli\u011fine katk\u0131da bulunur.<\/p>\n
\/\/ De\u011fer ekleme\nsessionStorage.setItem('sepet', JSON.stringify([{ \u00fcr\u00fcn: 'Kitap', fiyat: 20 }]));\n\n\/\/ De\u011fer alma\nlet sepet = JSON.parse(sessionStorage.getItem('sepet'));\nconsole.log(sepet);\n\n\/\/ De\u011fer silme\nsessionStorage.removeItem('sepet');\n\n\/\/ T\u00fcm verileri silme\n\/\/ sessionStorage.clear();<\/pre>\n
<\/code><\/p>\n
Yukar\u0131daki \u00f6rnekte, bir \u00fcr\u00fcn i\u00e7eren bir sepet bilgisi sessionStorage<\/code>'a eklenmekte ve daha sonra geri al\u0131nmaktad\u0131r.  Kullan\u0131c\u0131 taray\u0131c\u0131y\u0131 kapat\u0131r kapatmaz bu sepet bilgisi silinecektir.  Bu, \u00f6zellikle kullan\u0131c\u0131 oturumlar\u0131yla ilgili ge\u00e7ici veriler i\u00e7in ideal bir yakla\u015f\u0131md\u0131r.  Bununla birlikte,  daha karma\u015f\u0131k senaryolarda, veri g\u00fcvenli\u011fi ve tutarl\u0131l\u0131\u011f\u0131 i\u00e7in ek \u00f6nlemler almak gerekebilir.  \u00d6rne\u011fin,  kullan\u0131c\u0131n\u0131n oturum s\u00fcresi doldu\u011funda sessionStorage<\/code>'daki verileri temizlemek i\u00e7in bir mekanizma eklemek gerekebilir. <\/p>\n
localStorage ve sessionStorage Performans Kar\u015f\u0131la\u015ft\u0131rmas\u0131<\/h2>\n
Genellikle, localStorage<\/code> ve sessionStorage<\/code> performans a\u00e7\u0131s\u0131ndan birbirine \u00e7ok yak\u0131nd\u0131r.  Her ikisi de taray\u0131c\u0131da yerel olarak \u00e7al\u0131\u015ft\u0131\u011f\u0131 i\u00e7in sunucuya gidip gelme s\u00fcresine ihtiya\u00e7 duymazlar.  Ancak, \u00e7ok b\u00fcy\u00fck miktarda veri depolad\u0131\u011f\u0131n\u0131zda veya s\u0131k s\u0131k veri okuma\/yazma i\u015flemleri ger\u00e7ekle\u015ftirdi\u011finizde performans farklar\u0131 g\u00f6zlemlenebilir.  Bu durumda, performans testleri yaparak en uygun y\u00f6ntemi belirlemek \u00f6nemlidir.  Bununla birlikte,  her iki y\u00f6ntem de nispeten h\u0131zl\u0131d\u0131r ve \u00e7o\u011fu web uygulamas\u0131 i\u00e7in performans darbo\u011faz\u0131 olu\u015fturmaz.  Performans iyile\u015ftirmeleri i\u00e7in daha b\u00fcy\u00fck verileri s\u0131k\u0131\u015ft\u0131rmak veya daha verimli veri yap\u0131lar\u0131 kullanmak gibi optimizasyon tekniklerini de\u011ferlendirebilirsiniz.<\/p>\n
A\u015fa\u011f\u0131daki tablo,  localStorage<\/code> ve sessionStorage<\/code>'\u0131n performans kar\u015f\u0131la\u015ft\u0131rmas\u0131n\u0131 \u00f6zetlemektedir.  Bu de\u011ferler, test ortam\u0131na ve kullan\u0131lan taray\u0131c\u0131ya ba\u011fl\u0131 olarak de\u011fi\u015febilir.  Yine de, genel olarak her iki y\u00f6ntem de h\u0131zl\u0131 ve verimlidir.  \u00d6nemli olan, uygulaman\u0131z\u0131n ihtiya\u00e7lar\u0131na en uygun y\u00f6ntemi se\u00e7mektir.  Ayr\u0131ca, verilerin b\u00fcy\u00fckl\u00fc\u011f\u00fcn\u00fc ve s\u0131kl\u0131\u011f\u0131n\u0131 dikkate alarak daha uygun bir y\u00f6ntem se\u00e7meniz gerekebilir.  \u00d6rne\u011fin, s\u0131k\u00e7a eri\u015filen k\u00fc\u00e7\u00fck veriler i\u00e7in localStorage<\/code>, ge\u00e7ici ve b\u00fcy\u00fck veriler i\u00e7in ise daha geli\u015fmi\u015f veritaban\u0131 sistemleri daha uygun olabilir. <\/p>\n\n\n\n\n\n\n
\u00d6zellik<\/th>\nlocalStorage<\/th>\nsessionStorage<\/th>\n<\/tr>\n
Eri\u015fim H\u0131z\u0131<\/td>\n\u00c7ok H\u0131zl\u0131<\/td>\n\u00c7ok H\u0131zl\u0131<\/td>\n<\/tr>\n
Veri Saklama S\u00fcresi<\/td>\nTaray\u0131c\u0131 kapat\u0131lana kadar<\/td>\nTaray\u0131c\u0131 sekmesi\/penceresi kapat\u0131lana kadar<\/td>\n<\/tr>\n
Uygun Veri T\u00fcrleri<\/td>\nK\u00fc\u00e7\u00fck ve orta boy veriler<\/td>\nK\u00fc\u00e7\u00fck veriler, ge\u00e7ici oturum verileri<\/td>\n<\/tr>\n
G\u00fcvenlik<\/td>\nD\u00fc\u015f\u00fck (istemci taraf\u0131nda)<\/td>\nD\u00fc\u015f\u00fck (istemci taraf\u0131nda)<\/td>\n<\/tr>\n<\/table>\n
\u0130leri D\u00fczey Kullan\u0131m Teknikleri ve \u0130pu\u00e7lar\u0131<\/h2>\n
Daha geli\u015fmi\u015f uygulamalarda,  localStorage<\/code> ve sessionStorage<\/code>'\u0131 daha etkin bir \u015fekilde kullanmak i\u00e7in baz\u0131 ileri d\u00fczey teknikler ve ipu\u00e7lar\u0131 mevcuttur.  \u00d6rne\u011fin,  verileri daha verimli bir \u015fekilde depolamak i\u00e7in JSON veya di\u011fer veri s\u0131k\u0131\u015ft\u0131rma tekniklerini kullanabilirsiniz.  Ayr\u0131ca,  verilerin g\u00fcncelli\u011fini sa\u011flamak ve tutars\u0131zl\u0131klar\u0131 \u00f6nlemek i\u00e7in versiyonlama veya zaman damgalar\u0131 ekleyebilirsiniz.  B\u00fcy\u00fck veriler i\u00e7in, verileri par\u00e7alara ay\u0131r\u0131p localStorage<\/code>'da saklamak daha iyi bir yakla\u015f\u0131m olabilir.  Bu teknikler, uygulaman\u0131z\u0131n performans\u0131n\u0131 ve g\u00fcvenilirli\u011fini art\u0131rman\u0131za yard\u0131mc\u0131 olur.<\/p>\n
G\u00fcvenlik a\u00e7\u0131s\u0131ndan,  localStorage<\/code> ve sessionStorage<\/code>'da hassas verileri saklamaktan ka\u00e7\u0131nman\u0131z gerekir.  Bu veriler, k\u00f6t\u00fc niyetli yaz\u0131l\u0131mlar taraf\u0131ndan eri\u015filebilir olabilir.  Hassas veriler i\u00e7in sunucu taraf\u0131 veri depolar\u0131 kullanman\u0131z \u00f6nemlidir.  Ayr\u0131ca,  kullan\u0131c\u0131 giri\u015f bilgilerini veya di\u011fer hassas bilgileri do\u011frudan localStorage<\/code> veya sessionStorage<\/code>'da depolamay\u0131n.  Bu gibi verileri \u015fifreleyerek saklayabilirsiniz, ancak yine de sunucu taraf\u0131nda veri depolaman\u0131n daha g\u00fcvenli oldu\u011funu unutmay\u0131n.  Daha fazla g\u00fcvenlik stratejisi i\u00e7in (https:\/\/fatihsoysal.com) sitesini ziyaret edebilirsiniz.<\/p>\n
Bir di\u011fer ileri d\u00fczey teknik ise, localStorage<\/code> ve sessionStorage<\/code> olaylar\u0131n\u0131 kullanarak verilerde de\u011fi\u015fiklik oldu\u011funda uygulaman\u0131z\u0131 g\u00fcncellemektir.  Bu sayede, ger\u00e7ek zamanl\u0131 g\u00fcncellemeler sa\u011flayabilir ve kullan\u0131c\u0131 deneyimini geli\u015ftirebilirsiniz. \u00d6rne\u011fin, bir kullan\u0131c\u0131 profilini localStorage<\/code>'da saklad\u0131\u011f\u0131n\u0131z\u0131 ve kullan\u0131c\u0131n\u0131n profil bilgilerini de\u011fi\u015ftirdi\u011fini varsayal\u0131m.  storage<\/code> olay\u0131n\u0131 dinleyerek, uygulaman\u0131z bu de\u011fi\u015fiklikleri otomatik olarak alg\u0131layabilir ve kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc g\u00fcncelleyebilir.<\/p>\n
Ger\u00e7ek D\u00fcnya Senaryolar\u0131 ve Vaka Analizleri<\/h2>\n
Bir e-ticaret uygulamas\u0131n\u0131 ele alal\u0131m.  Kullan\u0131c\u0131 sepetindeki \u00fcr\u00fcnleri sessionStorage<\/code>'da saklayabiliriz.  Bu, kullan\u0131c\u0131 taray\u0131c\u0131y\u0131 kapatana kadar \u00fcr\u00fcnlerin sepetinde kalmas\u0131n\u0131 sa\u011flar.  Ancak, kullan\u0131c\u0131 oturumu kapatt\u0131ktan sonra sepet bilgileri kaybolur.  Kullan\u0131c\u0131 tercihlerini (\u00f6rne\u011fin, dil tercihi veya para birimi) localStorage<\/code>'da saklayabiliriz. Bu bilgiler, kullan\u0131c\u0131 taray\u0131c\u0131s\u0131n\u0131 kapat\u0131p tekrar a\u00e7t\u0131\u011f\u0131nda da korunur.  Bu \u015fekilde, daha ki\u015fiselle\u015ftirilmi\u015f bir kullan\u0131c\u0131 deneyimi sunulabilir.<\/p>\n
Bir ba\u015fka senaryo ise, bir web uygulamas\u0131n\u0131n farkl\u0131 b\u00f6l\u00fcmlerinin birbirleriyle ileti\u015fim kurmas\u0131d\u0131r.  localStorage<\/code> veya sessionStorage<\/code>, bu b\u00f6l\u00fcmler aras\u0131nda veri al\u0131\u015fveri\u015fi i\u00e7in kullan\u0131labilir.  \u00d6rne\u011fin, bir uygulamada kullan\u0131c\u0131 giri\u015f yapt\u0131ktan sonra, giri\u015f durumunu sessionStorage<\/code>'da saklayabilirsiniz.  Uygulaman\u0131n di\u011fer b\u00f6l\u00fcmleri, bu durumu kontrol ederek kullan\u0131c\u0131 yetkilendirme i\u015flemlerini ger\u00e7ekle\u015ftirebilir.  Ancak,  bu yakla\u015f\u0131m\u0131n g\u00fcvenlik a\u00e7\u0131klar\u0131na kar\u015f\u0131 dikkatlice de\u011ferlendirilmesi gerekmektedir.  Hassas verilerin direkt olarak sessionStorage<\/code> \u00fczerinden payla\u015f\u0131lmas\u0131 g\u00fcvenlik riskleri ta\u015f\u0131maktad\u0131r.<\/p>\n
\u00d6\u011frenme Yol Haritas\u0131<\/h2>\n
[Yeni Ba\u015flayan]:<\/strong>  localStorage.setItem()<\/code>, localStorage.getItem()<\/code>, localStorage.removeItem()<\/code>, sessionStorage.setItem()<\/code>, sessionStorage.getItem()<\/code>, sessionStorage.removeItem()<\/code> metodlar\u0131n\u0131 \u00f6\u011frenin.  Basit \u00f6rnekler olu\u015fturarak bu metodlar\u0131 uygulamaya \u00e7al\u0131\u015f\u0131n.<\/p>\n
[Orta]:<\/strong> JSON objelerini localStorage<\/code> ve sessionStorage<\/code> ile nas\u0131l kullanaca\u011f\u0131n\u0131z\u0131 \u00f6\u011frenin.  Veri do\u011frulama ve hata y\u00f6netimi tekniklerini uygulay\u0131n.  localStorage<\/code> ve sessionStorage<\/code> olaylar\u0131n\u0131 inceleyin.<\/p>\n
[\u0130leri D\u00fczey]:<\/strong>  B\u00fcy\u00fck verileri localStorage<\/code> ve sessionStorage<\/code>'da nas\u0131l verimli bir \u015fekilde depolayaca\u011f\u0131n\u0131z\u0131 \u00f6\u011frenin.  Veri \u015fifreleme tekniklerini ve g\u00fcvenlik \u00f6nlemlerini uygulay\u0131n.  Performans optimizasyonu tekniklerini ara\u015ft\u0131r\u0131n ve uygulay\u0131n.<\/p>\n
Sonu\u00e7 ve S\u0131k\u00e7a Sorulan Sorular<\/h2>\n
Bu makalede, localStorage<\/code> ve sessionStorage<\/code> aras\u0131ndaki temel farklar\u0131, kullan\u0131m \u00f6rneklerini ve ileri d\u00fczey kullan\u0131m tekniklerini ele ald\u0131k.  Do\u011fru kullan\u0131m, web uygulamalar\u0131n\u0131z\u0131n performans\u0131n\u0131 ve g\u00fcvenli\u011fini art\u0131rmak i\u00e7in \u00f6nemlidir.  Hangi mekanizman\u0131n kullan\u0131laca\u011f\u0131, uygulaman\u0131z\u0131n ihtiya\u00e7lar\u0131na ve veri \u00f6zelliklerine ba\u011fl\u0131d\u0131r.  Hassas veriler i\u00e7in mutlaka sunucu taraf\u0131 \u00e7\u00f6z\u00fcmler tercih edilmelidir.<\/p>\n
S\u0131k\u00e7a Sorulan Sorular:<\/strong><\/p>\n
1. localStorage<\/code> ve sessionStorage<\/code>'\u0131n kapasite s\u0131n\u0131rlamalar\u0131 nelerdir?<\/strong>  Kapasite s\u0131n\u0131rlamalar\u0131 taray\u0131c\u0131ya ve kullan\u0131lan cihaza g\u00f6re de\u011fi\u015fiklik g\u00f6sterir ancak genel olarak 5MB civar\u0131ndad\u0131r.<\/p>\n
2. localStorage<\/code> ve sessionStorage<\/code> g\u00fcvenli midir?<\/strong>  Hay\u0131r, tamamen g\u00fcvenli de\u011fillerdir.  \u0130stemci taraf\u0131nda depoland\u0131klar\u0131 i\u00e7in k\u00f6t\u00fc ama\u00e7l\u0131 yaz\u0131l\u0131mlar taraf\u0131ndan eri\u015filebilirler.<\/p>\n
3. localStorage<\/code> ve sessionStorage<\/code>'\u0131 hangi durumlarda kullanmal\u0131y\u0131m?<\/strong>  localStorage<\/code>, kal\u0131c\u0131 kullan\u0131c\u0131 tercihleri i\u00e7in idealdir.  sessionStorage<\/code>, ge\u00e7ici oturum verileri i\u00e7in uygundur.<\/p>\n
4. \u00c7ok b\u00fcy\u00fck verileri nas\u0131l saklamal\u0131y\u0131m?<\/strong>  \u00c7ok b\u00fcy\u00fck veriler i\u00e7in veritaban\u0131 veya sunucu taraf\u0131 depolama \u00e7\u00f6z\u00fcmleri kullanmal\u0131s\u0131n\u0131z.<\/p>\n
5. localStorage<\/code> ve sessionStorage<\/code>'da hangi veri tipleri saklanabilir?<\/strong>  String tipinde veriler saklan\u0131r, ancak JSON objeleri kullanarak kompleks verileri de saklayabilirsiniz.<\/p>\n
Yazar: Fatih Soysal<\/p>\n","protected":false},"excerpt":{"rendered":"localStorage ve sessionStorage Aras\u0131ndaki Farklar Web geli\u015ftirmede veri depolaman\u0131n temel ta\u015flar\u0131ndan olan localStorage ve sessionStorage, benzer i\u015flevlere sahip…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[129],"tags":[],"class_list":{"0":"post-25517","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-javascript","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nlocalStorage ve sessionStorage Aras\u0131ndaki Farklar<\/title>\n<meta name=\"description\" content=\"Web geli\u015ftirmede veri depolaman\u0131n temel ta\u015flar\u0131ndan olan `localStorage` ve `sessionStorage`, benzer i\u015flevlere sahip gibi g\u00f6r\u00fcnseler de \u00f6nemli farkl\u0131l\u0131klar g\u00f6sterir. Bu farkl\u0131l\u0131klar\u0131 anlamak, web uygulamalar\u0131n\u0131z\u0131n performans\u0131n\u0131 ve g\u00fcvenli\u011fini optimize etmek i\u00e7in kritik \u00f6neme sahiptir. Bu makalede, `localStorage` ve `sessionStorage` aras\u0131ndaki farklar\u0131 ad\u0131m ad\u0131m, yeni ba\u015flayanlardan ileri seviye geli\u015ftiricilere kadar herkesin anlayabilece\u011fi \u015fekilde a\u00e7\u0131klayaca\u011f\u0131z. Ayr\u0131ca, ger\u00e7ek d\u00fcnya senaryolar\u0131 ve kod \u00f6rnekleriyle konuyu peki\u015ftirece\u011fiz.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"localStorage ve sessionStorage Aras\u0131ndaki Farklar\" \/>\n<meta property=\"og:description\" content=\"Web geli\u015ftirmede veri depolaman\u0131n temel ta\u015flar\u0131ndan olan `localStorage` ve `sessionStorage`, benzer i\u015flevlere sahip gibi g\u00f6r\u00fcnseler de \u00f6nemli farkl\u0131l\u0131klar g\u00f6sterir. Bu farkl\u0131l\u0131klar\u0131 anlamak, web uygulamalar\u0131n\u0131z\u0131n performans\u0131n\u0131 ve g\u00fcvenli\u011fini optimize etmek i\u00e7in kritik \u00f6neme sahiptir. Bu makalede, `localStorage` ve `sessionStorage` aras\u0131ndaki farklar\u0131 ad\u0131m ad\u0131m, yeni ba\u015flayanlardan ileri seviye geli\u015ftiricilere kadar herkesin anlayabilece\u011fi \u015fekilde a\u00e7\u0131klayaca\u011f\u0131z. Ayr\u0131ca, ger\u00e7ek d\u00fcnya senaryolar\u0131 ve kod \u00f6rnekleriyle konuyu peki\u015ftirece\u011fiz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-07T14:02:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-23T14:42:50+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"localStorage ve sessionStorage Aras\u0131ndaki Farklar\",\"datePublished\":\"2025-07-07T14:02:39+00:00\",\"dateModified\":\"2025-07-23T14:42:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/\"},\"wordCount\":1763,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"articleSection\":[\"Javascript\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/\",\"name\":\"localStorage ve sessionStorage Aras\u0131ndaki Farklar\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-07-07T14:02:39+00:00\",\"dateModified\":\"2025-07-23T14:42:50+00:00\",\"description\":\"Web geli\u015ftirmede veri depolaman\u0131n temel ta\u015flar\u0131ndan olan `localStorage` ve `sessionStorage`, benzer i\u015flevlere sahip gibi g\u00f6r\u00fcnseler de \u00f6nemli farkl\u0131l\u0131klar g\u00f6sterir. Bu farkl\u0131l\u0131klar\u0131 anlamak, web uygulamalar\u0131n\u0131z\u0131n performans\u0131n\u0131 ve g\u00fcvenli\u011fini optimize etmek i\u00e7in kritik \u00f6neme sahiptir. Bu makalede, `localStorage` ve `sessionStorage` aras\u0131ndaki farklar\u0131 ad\u0131m ad\u0131m, yeni ba\u015flayanlardan ileri seviye geli\u015ftiricilere kadar herkesin anlayabilece\u011fi \u015fekilde a\u00e7\u0131klayaca\u011f\u0131z. Ayr\u0131ca, ger\u00e7ek d\u00fcnya senaryolar\u0131 ve kod \u00f6rnekleriyle konuyu peki\u015ftirece\u011fiz.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"localStorage ve sessionStorage Aras\u0131ndaki Farklar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"localStorage ve sessionStorage Aras\u0131ndaki Farklar","description":"Web geli\u015ftirmede veri depolaman\u0131n temel ta\u015flar\u0131ndan olan `localStorage` ve `sessionStorage`, benzer i\u015flevlere sahip gibi g\u00f6r\u00fcnseler de \u00f6nemli farkl\u0131l\u0131klar g\u00f6sterir. Bu farkl\u0131l\u0131klar\u0131 anlamak, web uygulamalar\u0131n\u0131z\u0131n performans\u0131n\u0131 ve g\u00fcvenli\u011fini optimize etmek i\u00e7in kritik \u00f6neme sahiptir. Bu makalede, `localStorage` ve `sessionStorage` aras\u0131ndaki farklar\u0131 ad\u0131m ad\u0131m, yeni ba\u015flayanlardan ileri seviye geli\u015ftiricilere kadar herkesin anlayabilece\u011fi \u015fekilde a\u00e7\u0131klayaca\u011f\u0131z. Ayr\u0131ca, ger\u00e7ek d\u00fcnya senaryolar\u0131 ve kod \u00f6rnekleriyle konuyu peki\u015ftirece\u011fiz.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/","og_locale":"tr_TR","og_type":"article","og_title":"localStorage ve sessionStorage Aras\u0131ndaki Farklar","og_description":"Web geli\u015ftirmede veri depolaman\u0131n temel ta\u015flar\u0131ndan olan `localStorage` ve `sessionStorage`, benzer i\u015flevlere sahip gibi g\u00f6r\u00fcnseler de \u00f6nemli farkl\u0131l\u0131klar g\u00f6sterir. Bu farkl\u0131l\u0131klar\u0131 anlamak, web uygulamalar\u0131n\u0131z\u0131n performans\u0131n\u0131 ve g\u00fcvenli\u011fini optimize etmek i\u00e7in kritik \u00f6neme sahiptir. Bu makalede, `localStorage` ve `sessionStorage` aras\u0131ndaki farklar\u0131 ad\u0131m ad\u0131m, yeni ba\u015flayanlardan ileri seviye geli\u015ftiricilere kadar herkesin anlayabilece\u011fi \u015fekilde a\u00e7\u0131klayaca\u011f\u0131z. Ayr\u0131ca, ger\u00e7ek d\u00fcnya senaryolar\u0131 ve kod \u00f6rnekleriyle konuyu peki\u015ftirece\u011fiz.","og_url":"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-07-07T14:02:39+00:00","article_modified_time":"2025-07-23T14:42:50+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"10 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"localStorage ve sessionStorage Aras\u0131ndaki Farklar","datePublished":"2025-07-07T14:02:39+00:00","dateModified":"2025-07-23T14:42:50+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/"},"wordCount":1763,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"articleSection":["Javascript"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/","url":"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/","name":"localStorage ve sessionStorage Aras\u0131ndaki Farklar","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-07-07T14:02:39+00:00","dateModified":"2025-07-23T14:42:50+00:00","description":"Web geli\u015ftirmede veri depolaman\u0131n temel ta\u015flar\u0131ndan olan `localStorage` ve `sessionStorage`, benzer i\u015flevlere sahip gibi g\u00f6r\u00fcnseler de \u00f6nemli farkl\u0131l\u0131klar g\u00f6sterir. Bu farkl\u0131l\u0131klar\u0131 anlamak, web uygulamalar\u0131n\u0131z\u0131n performans\u0131n\u0131 ve g\u00fcvenli\u011fini optimize etmek i\u00e7in kritik \u00f6neme sahiptir. Bu makalede, `localStorage` ve `sessionStorage` aras\u0131ndaki farklar\u0131 ad\u0131m ad\u0131m, yeni ba\u015flayanlardan ileri seviye geli\u015ftiricilere kadar herkesin anlayabilece\u011fi \u015fekilde a\u00e7\u0131klayaca\u011f\u0131z. Ayr\u0131ca, ger\u00e7ek d\u00fcnya senaryolar\u0131 ve kod \u00f6rnekleriyle konuyu peki\u015ftirece\u011fiz.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/localstorage-ve-sessionstorage-arasindaki-farklar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"localStorage ve sessionStorage Aras\u0131ndaki Farklar"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/25517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=25517"}],"version-history":[{"count":1,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/25517\/revisions"}],"predecessor-version":[{"id":26346,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/25517\/revisions\/26346"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=25517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=25517"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=25517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}