I denne artikkelen viser vi deg hvordan du kan sette opp Litespeed Cache + AWS Cloudfront CDN. CloudFont har en gratis tier med mange lokasjoner, deriblant Oslo. Vi kan derfor øke hastigheten på vår nettside ganske enkelt med å sette opp CloudFront, særlig for de som besøker nettsiden fra en lokasjon som er langt unna server lokasjonen din. Har du et marked som går ut over flere landegrenser vil vi alltid anbefale bruk av CDN.
Slik setter du opp alt i AWS Console
- Log inn i AWS console her: https://aws.amazon.com/console/
- Søk etter «Cloudfront»
- Naviger til «Distributions» og klikk på «Create distribution»
- Når vi har kommet så langt er det en del punkter å fylle ut:
- Origin Domain: Her skriver du inn din websides URL – f.eks fjordweb.no
- Protocol: Velg HTTPS only.
- Minimum Origin SSL protocol: La stå på default.
- Name: Skriv inn et fancy navn du vil kalle din «distribution».
- Enable Origin Shield: skru på og velg den som er nærmest din servers lokasjon (eu-central-1).
- Additional Settings: Bare la disse stå som de er på default.
- Compress objects automatically: Sett til yes.
- Viewer protocol policy: Velg HTTPS only.
- Allowed HTTP methods: Velg det tredje alternativet; GET, HEAD, OPTIONS, PUT, POST, PATCH, DELETE.
- Restrict viewer access: Velg no.
- Så under «Cache key and origin requests»
- Cache policy: CachingOptimized.
- Origin request policy: CORS-CustomOrigin.
- Response headers policy: CORS-With-Preflight.
Sett opp CloudFront og LiteSpeed Cache plugin
- Klikk «Create Distribution» og vent noen minutter til alt er klart.
- Kopier «Distribution domain name». F.eks: dktbp3xjwkozx.cloudfront.net
- Gå til WordPress og LiteSpeed Cache plugin.
- Naviger til LiteSpeed CDN siden.
- QUIC.cloud CDN: OFF.
- Use CDN Mapping: ON.
- CDN URL: Skriv inn CloudFront «distribution domain name»
- Original URLs: Skriv inn din URL i formatet: //fjordweb.no/
- Gå til WordPress og LiteSpeed Cache plugin.
- Aktiver «Include images» og «Include CSS».
- Deaktiver «Include JS» (valgfritt, dersom du ikke deaktiverer js så hopp over steg 8.!)
- Slett .js under filtype i «Include File Types»
Det var alt, da skal det i utgangspunktet virke. Ta clear cache og test at filene lastes fra CloudFront via Chrome developer tools.
Andre populære CDN:
Her finner du en fin liste med oversikt over CDN og hvor raske de er: https://app.speedvitals.com/cdn-performance-tracker
Trenger du hjelp til oppsett av CDN?
Dersom du har spørsmål eller ønsker hjelp til oppsett av CDN kan du kontakte oss på [email protected].