Välimuisti

Moduuli 6: Nopeus · Lukuaika: 9 minuuttia

Oppimistavoite: Tämän oppitunnin jälkeen osaat kertoa, mitä välimuistin lajeja on olemassa, ja osaat ottaa sivuvälimuistin käyttöön ja tarkistaa sen toiminnan.

Keskeiset käsitteet: sivuvälimuisti, selaimen välimuisti, Cache-Control, objektivälimuisti, Redis, OPcache, CDN, välimuistilisäosa, LiteSpeed Cache, poikkeukset (kirjautunut, ostoskori, kassa), välimuistin tyhjentäminen, päällekkäiset välimuistilisäosat

Välimuisti: älä tee samaa työtä kahdesti

Välimuisti tallentaa tehdyn työn tuloksen, jotta sitä ei tarvitse tehdä uudelleen seuraavalla kerralla. WordPress-sivustolla tätä tapahtuu neljässä paikassa, suurimmasta pienimpään:

Sivuvälimuisti

Oppitunti 1.2 näytti tämän: ilman välimuistia WordPress luo koko sivun uudelleen jokaisella käynnillä. Sivuvälimuistin kanssa ensimmäinen kävijä luo sivun, ja seuraavat saavat tallennetun HTML:n. TTFB voi näin pudota sekunnista muutamaan sadasosasekuntiin, ja pakettisi kestää paljon enemmän samanaikaisia kävijöitä.

Miten saat sivuvälimuistin käyttöön, riippuu verkkopalvelimestasi:

• LiteSpeed (monet jaetut webhotellit, mukaan lukien WebOké): verkkopalvelimella on oma välimuisti. Ilmainen LiteSpeed Cache lisäosa ohjaa sitä WordPressistä käsin: mitkä sivut saavat olla välimuistissa ja milloin ne tyhjennetään. Koska välimuisti sijaitsee verkkopalvelimessa, PHP:tä ei käynnistetä lainkaan tallennettua sivua varten.
• Apache tai nginx: välimuistilisäosa, joka tallentaa HTML:n tiedostoina, kuten WP Super Cache, W3 Total Cache tai maksullinen lisäosa kuten WP Rocket. Tai välimuisti, jonka webhotelli hoitaa palvelintasolla.
• Hallinnoitu WordPress-webhotelli tarjoaa usein oman välimuistin; silloin et yleensä asenna välimuistilisäosaa itse.

Valitse yksi. Kaksi välimuistilisäosaa yhtä aikaa (esimerkiksi LiteSpeed Cache ja WP Rocket) häiritsevät toisiaan: kaksinkertaista työtä, sivuja jotka eivät tyhjene, outoja virheitä. LiteSpeed-palvelimella LiteSpeed Cache toimii yhdessä verkkopalvelimen välimuistin kanssa; muu välimuistilisäosa ei pysty siihen.

Mitä ei saa olla välimuistissa

Sivuvälimuisti antaa kaikille saman HTML:n. Se menee pieleen sivuilla, jotka ovat erilaisia jokaiselle kävijälle:

• kirjautuneet käyttäjät (hallintapalkki, "Tervetuloa, Lisa");
• ostoskori, kassa ja Oma tili verkkokaupassa;
• sivut, joilla on lomake kertakäyttöisellä koodilla (nonce), joka vanhenee ajan myötä;
• sivut, jotka näyttävät eri sisältöä sijainnin, kielen tai evästeen perusteella.

Hyvät välimuistilisäosat ohittavat automaattisesti kirjautuneet käyttäjät ja tutut WooCommerce-sivut. Muiden lisäosien kohdalla (jäsenosio, varausjärjestelmä) poikkeukset täytyy asettaa itse. Merkki siitä, että jokin menee pieleen: kävijä näkee jonkun toisen ostoskorin, tai lomake antaa virheen "vanhentunut" tai "virheellinen pyyntö".

Tyhjentäminen: milloin välimuisti on vanhentunut?

Kun muokkaat sivua, tallennetun version täytyy poistua. Välimuistilisäosat tyhjentävät yleensä artikkelin tallennuksen yhteydessä kyseisen sivun, etusivun ja arkistot. Valikon, teeman tai widgetin muutoksen jälkeen täytyy usein tyhjentää koko välimuisti. Jos näet muutoksen jälkeen vanhan version, tyhjennä välimuisti (välimuistilisäosan hallintapalkista) ja tarkista asia yksityisessä ikkunassa, jotta oma selaimen välimuistisi ei vaikuta tulokseen.

Selaimen välimuisti

Palvelin kertoo selaimelle otsakkeilla, kuinka kauan tiedostoa saa säilyttää:

cache-control: public, max-age=31536000

Tämä tarkoittaa: säilytä tätä vuosi. Tyylitiedostoille, skripteille, fonteille ja kuville pitkä aika sopii hyvin, koska WordPress lisää osoitteen perään eri ?ver= uuden version yhteydessä, jolloin selain pitää sitä uutena tiedostona. Itse HTML:lle lyhyt aika (tai ei ollenkaan) on tavallista, jotta kävijät näkevät muutokset nopeasti.

Moni webhotelli ja välimuistilisäosa hoitaa tämän valmiiksi. Tämän oppitunnin tehtävässä tarkistat asian.

Objektivälimuisti ja Redis

Sivuvälimuisti ei auta kirjautuneilla käyttäjillä eikä ostoskorissa. Siihen auttaa objektivälimuisti: WordPress tallentaa tietokantakyselyiden tulokset muistiin, ohjelmaan kuten Redis tai Memcached. Kun sama kysely tulee seuraavan kerran, WordPress hakee vastauksen muistista tietokannan sijaan.

Tämä on hyödyllistä erityisesti verkkokaupoille, jäsensivustoille ja sivustoille, joilla on paljon kirjautuneita toimittajia. Tavallisella tietosivustolla, jossa on sivuvälimuisti, ero on pieni. Objektivälimuisti edellyttää, että webhotellisi tarjoaa Redisin tai Memcachedin; sen jälkeen otat sen käyttöön lisäosalla (LiteSpeed Cache osaa tämän, ja saatavilla on myös erillisiä lisäosia).

CDN

CDN (content delivery network) on verkosto palvelimia eri puolilla maailmaa, jotka säilyttävät kopioita tiedostoistasi (ja joskus koko sivuistasi). Kävijä saa ne lähimmältä palvelimelta. Tästä hyötyvät erityisesti kaukana olevat kävijät ja suuri kävijämäärä. Eurooppalaisella sivustolla eurooppalaisille kävijöille eurooppalaisella palvelimella hyöty on pieni. Proxy-tyyppinen CDN (kuten Cloudflare) muuttaa myös DNS:n ja sertifikaatin (DNS-kurssin oppitunti 7.5); älä tee sitä ymmärtämättä, mitä se tekee.

Käytännössä: näin se näyttää hallintapaneelissa

Esimerkkinä käytämme LiteSpeed Cachea LiteSpeed-palvelimella. Muissa välimuistilisäosissa on vastaavia asetuksia eri nimillä.

1. Asenna ja aktivoi LiteSpeed Cache kohdasta Lisäosat > Lisää uusi.
2. Avaa LiteSpeed Cache > Cache: "Enable Cache" on päällä, "Cache Logged-in Users" pois päältä (ellet tiedä tarkkaan, mitä teet).
3. Verkkokaupassa: tarkista kohdasta Jätä pois, että ostoskori, kassa ja Oma tili ovat listassa (WooCommerce hoitaa tämän automaattisesti).
4. Jätä muut osiot (CSS:n ja JavaScriptin optimointi, kuvat) aluksi pois päältä. Ota ne käyttöön yksi kerrallaan ja testaa jokaisen vaiheen jälkeen: juuri nämä osiot rikkovat joskus teeman.
5. Tarkista yksityisessä ikkunassa kehittäjätyökaluilla (F12, Verkko, ensimmäinen pyyntö): toisella latauskerralla pitäisi näkyä x-litespeed-cache: hit.

Yhteenveto

• Välimuistia on neljää lajia: sivu (suurin hyöty), selain, objekti ja OPcache.
• LiteSpeed-palvelimella LiteSpeed Cache ohjaa verkkopalvelimen välimuistia; Apachella tai nginxillä käytät muuta välimuistilisäosaa. Valitse yksi.
• Kirjautuneet käyttäjät, ostoskori, kassa ja henkilökohtaiset sivut eivät kuulu sivuvälimuistiin.
• Tyhjennä välimuisti valikon tai teeman muutosten jälkeen ja tarkista asia yksityisessä ikkunassa.
• Objektivälimuisti (Redis) auttaa verkkokaupoissa ja kirjautuneilla käyttäjillä; CDN erityisesti kaukaisten kävijöiden ja suuren liikenteen tapauksissa.

Tietovisa

Tehtävä

Tehtävä A6.2: Toimiiko sivuvälimuistisi? Syötä sivustosi osoite. Ohjelma hakee etusivun kahdesti nopeasti peräkkäin, ilman evästeitä, ja tarkistaa toisella kerralla otsakkeet, jotka osoittavat välimuistiosuman (x-litespeed-cache: hit, x-cache: HIT, cf-cache-status: HIT, age-arvo suurempi kuin 0, tai jonkin toisen tunnetun välimuistin otsake). Sen jälkeen ohjelma hakee yhden tyylitiedoston etusivulta ja tarkistaa, saako selain säilyttää sitä vähintään seitsemän päivää (cache-control: max-age tai expires). Kirjaa ylös, mitä välimuistia käytät.

Lue lisää

Nämä artikkelit kuvaavat vaiheet WebOké:n hallintapaneeleissa; muissa paneeleissa toiminta on vastaavaa.

• DirectAdmin-ohje 18.3: Verkkosivustoni on hidas
• DirectAdmin-ohje 15.7: Redis
• Verkkosivustoni on hidas tai käyttää liikaa CPU:ta: näin nopeutat sitä
• OPcache: 30 sekunnin viive PHP-tiedostoa muutettaessa
• Onko gzip käytössä DirectAdminissa ja LiteSpeedissä tai Apachessa
• Välimuisti WordPressissä (developer.wordpress.org, englanniksi): https://developer.wordpress.org/advanced-administration/performance/cache/