Modul 6 · 6.2
Caching
Modul 6: Hastighed · Læsetid: 9 minutter
Læringsmål: Efter denne lektion kan du forklare, hvilke typer cache der findes, og indstille og kontrollere en sidecache korrekt.
Nøglebegreber: sidecache, browsercache, Cache-Control, objektcache, Redis, OPcache, CDN, cacheplugin, LiteSpeed Cache, undtagelser (logget ind, indkøbskurv, kassen), rydde cache, dobbelte cacheplugins
Cache: undgå at gøre arbejdet to gange
En cache gemmer resultatet af et stykke arbejde, så det ikke skal gøres igen næste gang. På et WordPress-websted sker det fire steder, fra størst til mindst effekt:
| Type | Hvad bliver gemt | Hvor | Effekt |
|---|---|---|---|
| Sidecache | Den komplette HTML for en side | På serveren (eller hos et CDN) | Den største gevinst: PHP, plugins og database springes over |
| Browsercache | Stylesheets, scripts, billeder, skrifttyper | I besøgendes browser | En anden side indlæses hurtigere, fordi filerne allerede findes |
| Objektcache | Resultater af databaseforespørgsler | I serverens hukommelse (Redis, Memcached) | Hjælper, hvor en sidecache ikke kan, som ved indloggede brugere og webshops |
| OPcache | Den oversatte PHP-kode | I PHP's hukommelse | PHP behøver ikke læse filer igen ved hver forespørgsel; er som regel slået til som standard hos de fleste hostingudbydere |
Sidecachen
Lektion 1.2 viste det: uden cache opbygger WordPress hele siden igen ved hvert besøg. Med en sidecache opbygger den første besøgende siden, og de næste får den gemte HTML. En TTFB på et sekund kan på den måde blive til nogle hundrededele af et sekund, og din pakke kan klare langt flere besøgende samtidig.
Hvordan du får en sidecache, afhænger af din webserver:
- LiteSpeed (mange delte hostingløsninger, herunder WebOké): webserveren har selv en cache. Den gratis plugin LiteSpeed Cache styrer den fra WordPress: hvilke sider der må være i cachen, og hvornår de ryddes. Fordi cachen ligger i webserveren, startes PHP slet ikke for en gemt side.
- Apache eller nginx: en cacheplugin, der gemmer HTML'en som filer, som WP Super Cache, W3 Total Cache eller en betalt plugin som WP Rocket. Eller en cache, som din hostingudbyder styrer på serverniveau.
- Managed WordPress-hosting har ofte sin egen cache; her installerer du som regel ikke en cacheplugin.
Vælg én. To cacheplugins samtidig (for eksempel LiteSpeed Cache og WP Rocket) kommer i vejen for hinanden: dobbeltarbejde, sider der ikke bliver ryddet, mærkelige fejl. På en LiteSpeed-server arbejder LiteSpeed Cache sammen med webserverens egen cache; en anden cacheplugin kan ikke det samme.
Hvad må ikke ligge i cachen
En sidecache giver alle den samme HTML. Det går galt med sider, der er forskellige fra besøgende til besøgende:
- indloggede brugere (administrationslinjen, "Velkommen, Lisa");
- indkøbskurven, kassen og Min konto i en webshop;
- sider med en formular med en engangskode (nonce), som udløber efter et stykke tid;
- sider, der viser noget andet baseret på placering, sprog eller en cookie.
Gode cacheplugins springer automatisk indloggede brugere og de kendte WooCommerce-sider over. Ved andre plugins (en medlemssektion, et bookingsystem) skal du selv indstille undtagelser. Tegnet på at noget er galt: en besøgende ser en andens indkøbskurv, eller en formular siger "udløbet" eller "ugyldig forespørgsel".
Rydning: hvornår er cachen forældet?
Hvis du ændrer en side, skal den gemte version væk. Cacheplugins rydder som regel den pågældende side, forsiden og arkiverne, når et indlæg gemmes. Ved en ændring af menuen, temaet eller en widget skal ofte hele cachen ryddes. Ser du den gamle version efter en ændring, så ryd cachen (i cacheplugin'ens administrationslinje) og kontrollér det i et privat vindue, så din egen browsercache ikke spiller ind.
Browsercachen
Serveren fortæller browseren med headere, hvor længe den må gemme en fil:
cache-control: public, max-age=31536000Dette betyder: gem dette i et år. For stylesheets, scripts, skrifttyper og billeder er en lang periode fint, fordi WordPress sætter et andet ?ver= bagved adressen ved en ny version, og browseren så ser det som en ny fil. For selve HTML'en er en kort periode (eller slet ingen) almindeligt, så besøgende hurtigt ser ændringer.
Mange hostingudbydere og cacheplugins klarer dette. I opgaven til denne lektion kontrollerer du det.
Objektcache og Redis
En sidecache hjælper ikke ved indloggede brugere, og ikke ved indkøbskurven. Der hjælper en objektcache: WordPress gemmer resultatet af databaseforespørgsler i hukommelsen, i et program som Redis eller Memcached. Næste gang den samme forespørgsel kommer, henter WordPress svaret fra hukommelsen i stedet for fra databasen.
Det er især nyttigt for webshops, medlemswebsteder og websteder med mange indloggede redaktører. For et almindeligt informationswebsted med en sidecache er forskellen lille. En objektcache kræver, at din hostingudbyder tilbyder Redis eller Memcached; du slår det derefter til med en plugin (LiteSpeed Cache kan det, der findes også separate plugins).
Et CDN
Et CDN (content delivery network) er et netværk af servere mange steder i verden, der gemmer kopier af dine filer (og nogle gange hele dine sider). En besøgende får dem fra den nærmeste server. Det hjælper især ved besøgende langt væk og ved meget trafik. For et europæisk websted med europæiske besøgende på en europæisk server er gevinsten lille. Et CDN med proxy (som Cloudflare) ændrer også din DNS og dit certifikat (DNS-kurset lektion 7.5); gør ikke det uden at forstå, hvad det gør.
I praksis: sådan ser det ud i et panel
Som eksempel bruger vi LiteSpeed Cache på en LiteSpeed-server. Andre cacheplugins har tilsvarende indstillinger under andre navne.
- Installér og aktivér LiteSpeed Cache under Plugins > Tilføj ny.
- Åbn LiteSpeed Cache > Cache: "Aktivér cache" er slået til, "Cache indloggede brugere" slået fra (medmindre du ved, hvad du gør).
- Ved en webshop: kontrollér under Udeluk, at indkøbskurv, kassen og Min konto er med (ved WooCommerce sker det automatisk).
- Lad de øvrige dele (optimering af CSS og JavaScript, billeder) være slået fra til at starte med. Slå dem til én for én, og test efter hvert trin: netop disse dele kan nogle gange ødelægge et tema.
- Kontrollér i et privat vindue med udviklerværktøjerne (F12, Netværk, første forespørgsel): ved anden indlæsning bør der stå
x-litespeed-cache: hit.
Opsummering
- Der findes fire typer cache: side (den største gevinst), browser, objekt og OPcache.
- På en LiteSpeed-server styrer LiteSpeed Cache webserverens egen cache; på Apache eller nginx bruger du en anden cacheplugin. Vælg én.
- Indloggede brugere, indkøbskurv, kassen og personlige sider hører ikke til i sidecachen.
- Ryd cachen efter ændringer af menu eller tema, og kontrollér i et privat vindue.
- En objektcache (Redis) hjælper ved webshops og indloggede brugere; et CDN især ved lang afstand og meget trafik.
Quiz
Opgave
Opgave A6.2: Virker din sidecache? Indtast adressen på dit websted. Programmet henter forsiden to gange kort efter hinanden, uden cookies, og ser ved anden gang efter headere, der viser et cachetræf (x-litespeed-cache: hit, x-cache: HIT, cf-cache-status: HIT, en age større end 0, eller headeren fra en anden kendt cache). Derefter henter det ét stylesheet fra forsiden og kontrollerer, om browseren må gemme det i mindst syv dage (cache-control: max-age eller expires). Noter, hvilken cache du bruger.
Læs mere
Disse artikler beskriver trinnene i WebOkés paneler; i andre paneler fungerer det på tilsvarende vis.
- DirectAdmin vejledning 18.3: Min hjemmeside er langsom
- DirectAdmin vejledning 15.7: Redis
- Min hjemmeside er langsom eller bruger for meget CPU: sådan gør du den hurtigere
- OPcache: 30 sekunders forsinkelse ved ændring af en PHP-fil
- Er gzip aktiveret i DirectAdmin og LiteSpeed eller Apache?
- Cache i WordPress (developer.wordpress.org, engelsk): https://developer.wordpress.org/advanced-administration/performance/cache/