Slik fremskynder du WordPress-nettstedet ditt med CDN77

I vår forrige artikkel undersøkte vi fordelene ved å ha en CDN-tjeneste med WordPress og hvorfor CDN-er er en av de beste måtene å få fart på WordPress mange ganger før på bloggen. . Vi observerte hvor mye ytelsen øker hvis besøkende er langt borte fra vertsserveren. Vi håper det vekket din interesse fordi vi i dagens artikkel kommer til å gjøre en trinn-for-trinn-guide for hvordan du oppretter en CDN-ressurs på CDN77 og hvordan vi kan justere den på riktig måte. Etter det skal vi installere et spesifikt sett med plugins på WordPress og så sjekke om alt fungerer bra.


Det første trinnet i guiden vår vil være å opprett en CDN77-konto. I tilfelle du ikke har en konto ennå, CDN77 tilbyr en gratis 14-dagers prøveversjon. Registreringen tar bare noen få minutter. Da vil vi faktisk opprette en CDN-ressurs ved å klikke på Opprett ny CDN-ressurs (under fanen CDN). I forbindelse med denne artikkelen skal vi implementere en CDN på en filmblogg som er vert på et Datacenter i Las Vegas.

cdn77-med-wordpress-03

Siden vi skal implementere en komplett HTTPS-løsning, bruker vi den nye “HTTPS” på CDN77. Dette alternativet sikrer dataoverføringen fra vertsserveren til CDN-serveren.

Hvis nettstedet ditt kjører i en SSL-modus, må du absolutt opprette en SSL eneste ressurs på CDN77. Ellers risikerer du feil med blandet innhold. Denne typen feil oppstår når nettleseren kjører i en SSL-modus og plutselig prøver å laste inn en ressurs gjennom en usikker HTTP-forespørsel.

cdn77-med-wordpress-04

Slik konfigurerer du en SSL på CDN77

Vi kan sette opp et gratis SSL-sertifikat på to måter. Vi kan enten bruke et delt SSL-sertifikat for et underdomen på xxx.c.cdn77.org, eller vi kan bruke vårt eget CNAME (se bildet over). Generelt oppfordrer vi til å bruke et CNAME som cdn.yoursite.com.

Hvis du går etter den delte CDN77-løsningen, er ingen ytterligere trinn nødvendig for at SSL-underdomenet skal fungere ordentlig.

I dette tilfellet vil vi sette opp en CNAME. Dette betyr at innholdet på nettstedet vårt vil være tilgjengelig via HTTPS øyeblikkelig hvis vi erstatter nettstedet vårt med cdn.ourdomain. Med CDN77 er det å få en SSL et spørsmål om få klikk.

Fik det !

Når du har opprettet ressursen, er den første tingen å se på menyen Andre innstillinger. Hvis du skal bruke HTTPS, er det absolutt obligatorisk å holde HTTP / 2 aktivert. Hastighetsforbedringen mellom normal HTTP / 1.x og HTTP / 2 er enorm. CDN77 fungerer som standard i HTTP / 2-modus i HTTPS-ressursen, og reduserer tiden din til halvparten.

Hvis du skal via HTTPS, må du også gjøre en viderekobling 301 for å overholde Googles standarder for HTTPS, aktivere HTTPS viderekobling.

For optimal ytelse kan du aktivere ignorere alle i Ignore Query Strings. Med mindre nettstedet ditt kjører dynamisk lastet innhold som må oppdateres på timebasis, kan du slippe unna med spørringstrengene og ignorere alt, dette vil øke cache- og nettstedytelsen enormt.

CDN77 tilbyr også Cache Expiry-alternativet. I tilfelle du laster inn mange bilder, bør dette settes til høyest mulig innstilling, som er 12 dager.

I denne guiden vil vi vurdere hastighet i utgangspunktet. CDN vil dermed kun gi oss statisk bildeinnhold, alt annet lastes fra opprinnelsesserveren.

Hvorfor ikke bruke CDN for Javascript & CSS, er du nøtt?

Husk at vi i forrige artikkel snakket om hvordan CDN-ytelse kan variere når innholdet ikke er tilgjengelig på den forespurte noden til CDN-nettverket. Vel, hvis filen ennå ikke er hurtigbufret tilfeldigvis er en CSS-fil, vil lastetiden øke og det kan påvirke ytelsen din negativt. Dette kan påvirke nettstedets gjengivelseshastighet mye mer enn hvis du bestemmer deg for ikke å tjene CSS med CDN.

CSS- og Javascript-filer er avgjørende for lasting av nettsteder i en hvilken som helst nettleser, og de bør ikke være gjenstand for en hurtigbuffemekanisme som den i CDN-tjenester. Skjønt, du kan opprette en statisk ressurs på CDN for å dumpe disse viktige filene. Dette er en mer avansert teknikk som krever at du justerer WordPress til et nivå utenfor omfanget av denne opplæringen.

Når vi har justert alt på riktig måte, kan vi gå videre til datasenter-menyfanen.

cdn77-med-wordpress-07

CDN77 gir en praktisk måte å aktivere / deaktivere hver node i nettverket deres. Poenget er å velge nøye hvilke noder som er mest brukt. Dette er lett å finne ut, bare følg leserne dine.

Når du vet hvilke noder du trenger, anbefales du å deaktivere alle disputerbare noder. Det er en enkel forklaring på dette: Jo flere noder du har i nettverket ditt, jo mer tid vil det ta å oppdatere dem alle, derfor lider ytelsen din. Som en generell regel øker du også cacheytelsen når du reduserer antall noder. Velg smart.

Når du tester resultatene for nettstedet for første gang, rens og forhåndshent kan være nyttig. Purge vil skyve et spesifikt innhold ut av CDN-nettverket. Det er nyttig hvis du endrer innholdet og trenger å skylle hurtigbufferen for å oppdatere. Prefetch vil gjøre det motsatte, det vil tvinge et spesifikt innhold inn i CDN-cachen.

cdn77-med-wordpress-10

Når du har konfigurert alt, kan du peke CNAME til ditt eget domene. For å gjøre det, må du opprette en regel i registraren din eller vertspanelet i DNS-delen og peke cdn.yourdomain.com til CNAME xxx.rsc.cdn77.org som vist på bildet. Dette vil instruere DNS for å omdirigere all underdomens trafikk til det faktiske stedet den trenger å være. Ikke bekymre deg, det vil ikke ha innvirkning på ytelsen. I tillegg tjener det også formålet med å vise leserne at du bruker en cdn.yourdomain.com som ser fancy ut.

Hvis du foretrekker å bruke cdn77.org-adressen, trenger du ikke å gjøre noe, bare bruk den adressen når du erstatter innholdet ditt i WordPress.

WordPress Side

På WordPress-siden må vi legge til en plugin for at dette skal fungere ordentlig. Vi skal bruke CDN Enabler, en praktisk gratis plugin. Årsaken til å bruke denne plugin-en er enkel – de fleste CDN-plugins tillater ikke slik granulær kontroll over mappene du sender til CDN. Denne pluginen gjør det, og det er veldig viktig for vårt tilfelle, siden vi ikke ønsker å inkludere Javascript- eller CSS-filer, bare de opplastede bildene.

cdn77-med-wordpress-14

Når den er installert, kan du finne pluginen her …

cdn77-med-wordpress-15

La oss finpusse det !

cdn77-med-wordpress-16

Husker du da vi snakket om tilpasning? Her er det viktigste faktumet om hvordan du riktig konfigurerer en CDN på WordPress. De aller fleste CDN-plugins vil fortelle deg å inkludere en katalog for CDN å “replikere”, og de forteller deg vanligvis å inkludere wp-innhold. Det er bra for en generell innstilling, men det er ikke bra for ytelsen din fordi wp-innhold-mappen er fylt med en annen veldig følsom mappe, plugins og temamappen, inkludert mange Javascript- og CSS-filer. Du kan miste ytelsen når de ikke blir lagret som beskrevet tidligere.

Så, hvordan fikser vi dette? Vi inkluderer ganske enkelt mappen wp-content / uploads. En så enkel løsning!

De fleste av plugins som håndterer CDN-er, sjokkerte som du måtte være, vil ikke tillate deg å gjøre dette. Inkludert utelukkende denne undermappen vil CDN instruere din opplastingsmappe, dvs. bare bildene dine.

cdn77-med-wordpress-17

En enkel oppdatering av nettstedet lar CDN få innholdet for deg. I dette eksemplet åpnet vi en Firefox Developer Tab (F12) og søkte etter det første bildet. Du kan se tydelig at lenken ble erstattet, og den lastes nå direkte fra CDN i stedet for vertsserveren!

Før og etter

La oss se hvordan alt dette viste seg !

På venstre skjerm kan vi se tiden det tar å laste inn nettstedet fra Sverige (som er langt borte fra vertsserveren vår i Las Vegas, husker du?) På høyre skjerm kan vi se at ytelsen økte, tiden var nesten kuttet i to! Alle viktige filer lastes fortsatt fra serveren vår i Las Vegas, men filene med tunge byrder, som bildene, lastes inn fra noden i Sverige.

Pakk inn

Forhåpentligvis lærte du en kraftig måte å implementere et CDN på ditt WordPress-nettsted. Noen teknikker er ikke-påtrengende, for eksempel de CSS- og Javascript-filene som er viktige for å laste hastighet på nettstedet. Du kan nå utnytte alle fordelene med et CDN og samtidig minimere ulempene. Vi håper du vil gi gratis CDN-prøveperioden og bruke tipsene i denne artikkelen for å se om du kan få fart på WordPress-nettstedet ditt. Vi håper du likte artikkelen! Legg igjen som vanlig spørsmål eller tvil i kommentarene nedenfor.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map