Jinsi Vivinjari Vinavyohifadhi Data

Vivinjari hufanya zaidi ya kuonyesha tovuti. Hufanya kazi kama wasimamizi wa data wa ndani. Huhifadhi habari kwenye kifaa chako ili kufanya uvinjari kuwa wa haraka na rahisi zaidi.

Unapaswa kujua njia tatu kuu ambazo vivinjari huhifadhi data:

• Cookies • Browser Cache • Web Storage

Cookies Cookies ni faili ndogo za maandishi. Tovuti hutumia cookies kukukumbuka. Huhifadhi vipindi vyako vya kuingia (login sessions) na mipangilio ya lugha.

Jinsi zinavyofanya kazi:

  • Unatembelea tovuti.
  • Tovuti hutuma cookie kwenye kivinjari chako.
  • Kivinjari chako huihifadhi.
  • Wakati unatembelea tena, kivinjari chako hutuma cookie hiyo kurudi kwenye seva.

Kumbuka:

  • Cookies zina kikomo kidogo cha 4KB.
  • Hutumwa kwa kila ombi (request), jambo ambalo linaweza kupunguza kasi.
  • Usihifadhi kamwe nywila (passwords) kwenye cookies.

Browser Cache Cache huhifadhi faili nzito kama picha, CSS, na JavaScript. Lengo lake ni kasi.

Jinsi inavyofanya kazi:

  • Unatembelea tovuti kwa mara ya kwanza.
  • Kivinjari chako hupakua faili zote na kuzihifadhi kwenye cache.
  • Wakati mwingine unapotembelea, kivinjari hupakia faili kutoka kwenye kifaa chako badala ya mtandao.

Faida:

  • Kurasa hujapakia kwa kasi zaidi.
  • Hutumia bandwidth ndogo ya mtandao.
  • Hupunguza mzigo kwenye seva.

Web Storage Hii ni kipengele cha HTML5. Inaruhusu tovuti kuhifadhi data kama jozi za funguo na thamani (key-value pairs). Ni bora zaidi kuliko cookies kwa sababu haitumiwi kwenye seva kwa kila ombi.

Kuna aina mbili:

  • Local Storage: Data hubaki hata kama unafunga kivinjari. Huhifadhi takriban MB 5 hadi MB 10.
  • Session Storage: Data hupotea unapofunga tab.

Matumizi:

  • Local storage ni nzuri kwa mipangilio ya dark mode.
  • Session storage hufanya kazi vizuri kwa data za muda za fomu.

Muhtasari

  • Tumia Cookies kwa vipindi vya kuingia na mawasiliano ya seva.
  • Tumia Cache ili kuharakisha upakiaji wa tovuti kwa kutumia rasilimali tuli (static assets).
  • Tumia Web Storage kwa kiasi kikubwa cha data za upande wa mteja (client-side data).

Chanzo: https://dev.to/dailycodetools/how-browser-stores-data-cookies-cache-storage-25-jun-0346-m7h