Kun kävijä avaa verkkosivustosi ensimmäistä kertaa, hänen selaimensa lataa kaikki sivun näyttämiseen tarvittavat tiedostot: HTML:n, tyylitiedostot, skriptit, kuvat ja fontit. Toistuvalla käynnillä selaimen ei tarvitse ladata kaikkia näitä tiedostoja uudelleen, jos ne on tallennettu paikallisesti. Selaimen välimuisti on mekanismi, joka tekee tämän mahdolliseksi, ja se on yksi yksinkertaisimmista tavoista saada verkkosivusto tuntumaan nopeammalta palaaville kävijöille.
Selaimen välimuisti tallentaa verkkosivuston tiedostojen kopiot kävijän laitteelle, jotta seuraavat sivulataukset voivat ohittaa muuttumattomien resurssien latauksen. Palvelin kertoo selaimelle, kuinka kauan kukin tiedosto säilytetään ja milloin päivitettyjä versioita tarkistetaan. Kun ymmärrät, miten selaimen välimuisti toimii, ymmärrät myös, miksi toistuvat käynnit tuntuvat usein huomattavasti nopeammilta kuin ensimmäinen.
Miten selaimen välimuisti toimii?
Jokainen palvelimesi lähettämä tiedosto sisältää välimuistiohjeet HTTP-vastauksen otsikkotiedoissa. Nämä ohjeet kertovat selaimelle, tallennetaanko tiedosto, kuinka kauan sitä säilytetään ja milloin pyydetään tuore kopio.
Ensimmäisellä käynnillä selain lataa kaikki tarvittavat tiedostot palvelimeltasi ja tallentaa välimuistiin kelpaavat tiedostot paikalliseen tallennustilaan. Toistuvilla käynneillä selain lataa voimassa olevat välimuistissa olevat tiedostot paikallisesta tallennustilasta sen sijaan, että lataisi ne uudelleen.
Mitkä tiedostot hyötyvät selaimen välimuistista eniten?
Kaikkia tiedostoja ei pidä tallentaa välimuistiin yhtä pitkään. Staattiset resurssit, jotka muuttuvat harvoin, ovat ihanteellisia ehdokkaita. Dynaaminen sisältö, joka päivittyy usein, tarvitsee lyhyempiä välimuistiaikoja tai ei välimuistia lainkaan.
Pitkä välimuistiaika
- Tyylitiedostot ja JavaScript-tiedostot, jotka muuttuvat vain, kun päivität sivuston ulkoasua
- Logokuvat, kuvakkeet ja favicon-kuvakkeet
- Fonttitiedostot
- Taustakuvat ja koristegrafiikat
Lyhyt välimuistiaika tai ei välimuistia
- HTML-sivut, joiden sisältö päivittyy usein
- Sivut, joilla on personoitua tai dynaamista sisältöä
- API-vastaukset ja lomakkeiden käsittelyn päätepisteet
Yleinen periaate on yksinkertainen: tallenna rohkeasti välimuistiin se, mikä muuttuu harvoin, ja varovasti se, mikä muuttuu usein. Artikkeli mitä välimuisti on ja miksi se on tärkeä käsittelee laajempaa välimuistikenttää, mukaan lukien palvelinpuolen ja CDN-välimuistin.
Miksi selaimen välimuistilla on väliä nopeudelle?
Selaimen välimuisti vähentää suoraan datan määrää, jonka kävijän täytyy ladata, ja palvelinpyyntöjen määrää toistuvilla käynneillä. Molemmat parannukset tarkoittavat nopeampia sivulatauksia.
Nopeampi koettu latausaika
Tyylitiedoston lataaminen paikallisesta tallennustilasta kestää millisekunteja. Saman tiedoston lataaminen verkkoyhteyden yli kestää satoja millisekunteja tai enemmän yhteysnopeudesta riippuen. Toistuvilla käynneillä välimuistissa olevat resurssit ilmestyvät lähes välittömästi, mikä saa sivun tuntumaan huomattavasti nopeammalta jo ennen kuin uusi sisältö latautuu.
Pienempi palvelinkuorma
Jokainen selaimen välimuistista tarjottu tiedosto on yksi pyyntö vähemmän, jonka palvelimesi joutuu käsittelemään. Sivustoilla, joilla on palaavia kävijöitä, tämä parantaa vasteaikoja kaikille kävijöille.
Mobiilin suorituskykyhyöty
Mobiiliyhteydet ovat tyypillisesti hitaampia kuin tietokoneen yhteydet. Selaimen välimuisti antaa mobiilissa vielä suuremman nopeushyödyn, koska se poistaa verkkopyyntöjä, jotka olisivat hitaita heikommilla yhteyksillä. Artikkeli miksi mobiilin sivunopeudella on väliä selittää, miksi tämä kerros on erityisen kriittinen mobiilikävijöille.
Näin WEMASY hoitaa selaimen välimuistin
WEMASY asettaa sopivat välimuistiotsikot kaikille tiedostotyypeille automaattisesti. Staattiset resurssit, kuten tyylitiedostot, skriptit ja kuvat, saavat pitkät välimuistiajat. HTML-sivut saavat lyhyemmät ajat, jotta sisältöpäivitykset näkyvät pian julkaisun jälkeen. Kun teet muutoksia editorissa, WEMASY-järjestelmä päivittää välimuistiversiot, jotta palaavat kävijät saavat tuoreen sisällön ilman välimuistin manuaalista tyhjentämistä.
Katso, mitä kuuluu mukaan, sivulta WEMASYn Sivustonrakentaja tai tutustu tilauksiin hinnoittelusivulla.
Usein kysytyt kysymykset
Mitä selaimen välimuisti on?
Selaimen välimuisti tallentaa verkkosivuston tiedostojen kopiot kävijän laitteelle, jotta toistuvat käynnit latautuvat nopeammin. Palvelin lähettää jokaisen tiedoston mukana välimuistiohjeet, jotka kertovat selaimelle, kuinka kauan sitä säilytetään ennen päivitysten tarkistamista. WEMASYn Sivustonrakentajalla voit ottaa tämän käyttöön suoraan omalla sivustollasi.
Miten selaimen välimuisti eroaa palvelimen välimuistista?
Selaimen välimuisti tallentaa tiedostot kävijän laitteelle, jotta lataus on nopeampaa hänen toistuvilla käynneillään. Palvelimen välimuisti tallentaa valmiiksi rakennetut sivut verkkopalvelun palvelimelle, jotta sivun muodostusprosessi ei käynnisty jokaisella pyynnöllä. Molemmat lyhentävät latausaikaa, mutta toimivat eri kohdissa toimitusketjua.
Miksi verkkosivustoni on nopea toisella käynnillä mutta hidas ensimmäisellä?
Ensimmäinen käynti vaatii kaikkien sivun resurssien lataamisen palvelimelta. Toinen käynti lataa monet näistä resursseista selaimen välimuistista, mikä on paljon nopeampaa. Tämä on normaalia käyttäytymistä ja osoittaa, että selaimen välimuisti toimii. Ensimmäisen käynnin optimointi keskittyy kuvien pakkaukseen, palvelimen vasteaikaan ja _blocked_öintiä estävien resurssien vähentämiseen.
Voivatko kävijät nähdä vanhaa sisältöä selaimen välimuistin takia?
Kyllä, jos välimuistiajat ovat liian pitkiä eikä palvelin päivitä välimuistiversioita sisältömuutosten jälkeen. Hyvin hallitut alustat hoitavat tämän automaattisesti päivittämällä välimuistitunnisteet, kun julkaiset muutoksia. Kävijät saavat silloin tuoreet tiedostot seuraavalla käynnillään ilman, että heidän tarvitsee tyhjentää selaimen välimuistia käsin.
Pitäisikö minun tyhjentää selaimen välimuisti verkkosivustoni testaamiseksi?
Selaimen välimuistin tyhjentäminen on hyödyllistä, kun testaat, näkyvätkö viimeaikaiset muutokset oikein. Se simuloi ensikertalaisen kävijän kokemusta. Oman sivustosi päivittäiseen selaamiseen välimuistin tyhjentäminen ei ole tarpeen. Käytä yksityistä tai incognito-ikkunaa testaamiseen vaikuttamatta tavallisiin välimuistissa oleviin tiedostoihisi.
Pitääkö minun määrittää selaimen välimuisti itse?
Hallinnoidulla verkkosivustoalustalla välimuistiotsikot määritetään automaattisesti tiedostotyypin mukaan. Itse hallinnoidussa verkkopalvelussa välimuistin määritys vaatii palvelimen asetuksia tai välimuistilaajennuksia. WEMASY hoitaa kaiken selaimen välimuistin määrityksen ilman, että sinun tarvitsee tehdä mitään teknistä.