Local storagen avulla sivustot tallentavat dataa suoraan selaimeesi, ja data säilyy vierailujen välillä. Opi, miten se toimii, mihin sivustot sitä käyttävät ja mitä se tarkoittaa sivustollesi.
Oletko koskaan asettanut sivustolla asetuksen, sulkenut välilehden ja palannut myöhemmin löytääksesi kaiken täsmälleen sellaisena kuin jätit? Näyttöasetuksesi olivat ennallaan, tallentamasi kohteet olivat yhä paikoillaan, eikä sinun tarvinnut asettaa mitään uudelleen. Se on local storage, joka tekee hiljaa työtään taustalla.
Edellisessä luvussa selaimen tallennustyypeistä esittelimme local storagen yhtenä tärkeimmistä tavoista, joilla selaimet säilyttävät dataa. Tämä luku menee syvemmälle siihen, mitä local storage oikeastaan on, miten se toimii ja mikä sen rooli on sivustollasi.
Mikä on local storage?
Local storage on selaimen tallennustyyppi, jonka avulla sivustot voivat tallentaa pieniä tietoja suoraan kävijän laitteelle. Tieto pysyy selaimessa, vaikka kävijä sulkisi välilehden tai sammuttaisi tietokoneensa. Seuraavalla kerralla, kun hän vierailee samalla sivustolla, selaimessa on tieto yhä saatavilla ja sivusto voi käyttää sitä palauttaakseen hänen edellisen tilansa.
Tämä erottaa local storagen session storagesta, joka tyhjenee välilehden sulkeutuessa. Local storage on pysyvä. Sillä ei ole automaattista vanhenemista. Data säilyy, kunnes käyttäjä tyhjentää selaimensa tai sivusto itse poistaa sen.
Miten local storage toimii?
Local storage toimii yksinkertaisena avain-arvo-varastona. Ajattele sitä pienenä muistilehtiönä selaimen sisällä, johon sivusto voi kirjoittaa tietoa nimikkeen ja arvon avulla. Nimike on avain, ja sen alle tallennettu tieto on arvo. Kun sivusto tarvitsee tietoa uudelleen, se hakee avaimen ja noutaa arvon.
Esimerkiksi sivusto voi tallentaa avaimen "theme" arvolla "dark", kun kävijä vaihtaa tummaan tilaan. Seuraavalla kerralla, kun kävijä palaa, sivusto tarkistaa local storagen, löytää "theme"-avaimen, lukee arvon "dark" ja ottaa tumman tilan käyttöön automaattisesti jo ennen kuin sivu on edes kokonaan piirtynyt.
Jokaisella sivustolla on oma eristetty local storagensa. Sivusto voi lukea ja kirjoittaa vain omaa dataansa. Se ei näe, mitä mikään muu sivusto on tallentanut. Tämä eristys on jokaiseen selaimeen sisäänrakennettu turvaominaisuus.
Mihin sivustot käyttävät local storagea?
Käyttäjän asetusten tallentaminen
Näyttöasetukset, kieliasetukset, teemavalinnat ja asetteluvaihtoehdot ovat kaikki yleisiä asioita, joita tallennetaan local storageen. Nämä ovat ei-arkaluonteisia asetuksia, jotka parantavat kokemusta, kun kävijä palaa.
Kohteiden säilyttäminen istuntojen välillä
Jotkin sivustot käyttävät local storagea säilyttääkseen kohteita, joiden kanssa kävijä on ollut vuorovaikutuksessa, kuten lukulistan, toivelistan tai äskettäin katsotut kohteet, jotta ne ovat yhä paikoillaan seuraavalla vierailulla, vaikka kävijä ei olisi kirjautunut sisään.
Palvelinpyyntöjen vähentäminen
Kun sivusto tallentaa tietoa paikallisesti, se voi noutaa sen heti selaimesta sen sijaan, että tekisi pyynnön palvelimelle joka kerta. Tämä nopeuttaa kokemusta palaaville kävijöille ja vähentää taustajärjestelmän kuormaa.
Lomakkeiden ja monivaiheisten prosessien tilan säilyttäminen
Jotkin sivustot käyttävät local storagea tallentaakseen tilapäisesti edistymisen monivaiheisessa lomakkeessa tai kassaprosessissa. Jos kävijä sulkee välilehden vahingossa, hänen edistymisensä ei katoa, kun hän palaa.
Mitkä ovat local storagen rajat?
Local storage on suunniteltu pienelle datalle. Useimmat selaimet sallivat noin 5 - 10 megatavua sivustoa kohden, mikä riittää hyvin asetuksille ja valinnoille, mutta ei suurille tiedostoille tai monimutkaisille tietojoukoille. Se myös tallentaa vain tekstiä. Numerot, oliot ja taulukot täytyy muuntaa ensin tekstiksi ennen tallennusta ja muuntaa takaisin noudettaessa.
Local storage ei myöskään ole oikea paikka arkaluonteiselle tiedolle. Koska siihen pääsee käsiksi mikä tahansa sivulla toimiva skripti, salasanojen, henkilötietojen tai maksutietojen tallentaminen local storageen on tietoturvariski. Arkaluonteinen data kuuluu palvelimelle, jota suojaavat SSL ja asianmukainen tunnistautuminen.
Jos haluat vertailun siitä, miten local storage suhtautuu muihin tallennustyyppeihin, lue selaimen tallennustyypit.
Usein kysytyt kysymykset
Toimiiko local storage ilman internetyhteyttä?
Kyllä. Local storage tallennetaan kävijän laitteelle, ei palvelimelle. Data on saatavilla, vaikka selain olisi offline-tilassa. Siksi local storagea käytetään usein yhdessä service workerien ja välimuistitallennuksen kanssa sellaisten sivustojen rakentamiseen, jotka voivat toimia osittain tai kokonaan offline.
Jaetaanko local storage saman laitteen eri selainten kesken?
Ei. Local storage on selainkohtainen. Jos tallennat dataa yhteen selaimeen, se ei näy toisessa saman laitteen selaimessa. Jokaisella selaimella on oma erillinen local storagensa. Tämä tarkoittaa, että kävijä, joka vaihtaa selaimesta toiseen, ei vie tallennettuja asetuksiaan tai dataansa mukanaan.
Näkevätkö kävijät local storage -datansa tai voivatko he poistaa sen?
Kyllä. Kuka tahansa voi avata selaimensa kehittäjätyökalut ja katsoa tai poistaa minkä tahansa sivuston local storage -dataa. Kävijät voivat myös tyhjentää kaikki selaimen tiedot selaimen asetuksista, mikä pyyhkii local storagen kokonaan. Siksi sivustojen ei pitäisi luottaa local storageen pysyvänä tai taattuna datalähteenä.
Mitä eroa on local storagella ja evästeillä?
Evästeet lähetetään takaisin palvelimelle jokaisen pyynnön mukana, minkä vuoksi ne sopivat istuntojen hallintaan ja tunnistautumiseen. Local storage pysyy vain selaimessa, eikä sitä koskaan lähetetä palvelimelle automaattisesti. Local storageen mahtuu myös enemmän dataa kuin evästeisiin, eikä sillä ole sisäänrakennettua vanhenemista. Kumpikin sopii eri käyttötarkoituksiin, ja hyvin rakennetut sivustot käyttävät molempia tarkoituksenmukaisesti.
Vaikuttaako local storage sivuston nopeuteen?
Local storagen lukeminen ja kirjoittaminen on hyvin nopeaa, joten se aiheuttaa harvoin havaittavia nopeusongelmia. Itse asiassa local storagen käyttö asetusten välimuistina ja palvelinpyyntöjen vähentämiseen voi saada sivuston tuntumaan nopeammalta palaaville kävijöille. Vaikutus sivuston nopeuteen on yleensä positiivinen, kun local storagea käytetään järkevästi.
Täytyykö minun hallita local storagea sivustollani?
Jos käytät sivustonrakentajaa, alusta hallinnoi local storagea automaattisesti tukemiensa ominaisuuksien osalta. Sinun ei tarvitse kirjoittaa tai määrittää mitään itse. Rakentaja hoitaa kaikki asetukset ja tilanhallinnan, jotka käyttävät local storagea taustalla. WEMASY-sivustonrakentajalla tämä kaikki on rakennettu osaksi alustan toimintaa.