👉 Slik installerer og installerer du WordPress CDN Solution - MaxCDN på nettstedet ditt

30 måter å tjene penger online blogging (på siden) i 2018

Etter vårt redesign, WPBv4, brukte vi litt tid på å gjøre ytelsesoptimalisering (fortsatt noe arbeid igjen). Etter å ha gjort noen optimalisering så vi en stor forbedring på ytelsen på nettstedet. Det var merkbart nok at våre brukere sendte oss beskjed om det. Vi har hørt dine forespørsler, og en komplett guide til hva vi gjorde for å øke hastigheten på nettstedet vårt, kommer snart opp. Selv om vi hadde dekket hvordan du installerer MaxCDN i vår veiledning om W3 Total Cache, har vi gjort noen flere endringer siden da. I denne artikkelen vil vi vise deg hvordan du installerer og konfigurerer MaxCDN i WordPress.

Her er e-posten vi fikk fra en av våre brukere:

"… Hovedårsaken til at jeg kontakter deg er å spørre om nettstedets hastighet. Hvordan på jorden klarer du å øke hastigheten på nettstedet ditt så fort? Hastigheten er gal og jeg elsket det bare. "

Vi gjorde mange tester ved hjelp av et nettsted kalt Pingdom. Den raskeste laste tiden på hjemmesiden vår var bare 483ms. Vi løp testen mange ganger (forskjellige timer og datacentre). Vårt tidsintervall på hjemmesiden var 483ms – 1.7s. Nedenfor er et av skjermbildene:

Mye gikk inn i ytelsesoptimaliseringen (reduserer HTTP-spørringer, for eksempel lasting av skript bare når de trengs, kombinering av skript og stilark, optimalisering av bilder osv.). Men en av de viktigste komponentene som gjør at nettstedet vårt laster raskt og holder oss fra å krasje, er en god WordPress CDN. Vi bruker MaxCDN, og du kan se vår MaxCDN-gjennomgang i vår Blueprint-seksjon der vi forklarer hvorfor vi bruker MaxCDN. Hvis du ikke vet hva som er en CDN eller hvorfor du trenger en CDN, bør du sjekke ut eller infographic "What the Heck is a CDN".

Nå har det sagt, for å følge denne opplæringen må du ha en MaxCDN-konto. Det er veldig rimelig og vel verdt pengene. Hvis du ikke har en konto, kan du registrere deg nå. Du kan få 25% rabatt ved å bruke vår MaxCDN kupong "wpbeginner"

Videoopplæring

Abonner på WPBeginner

Hvis du ikke liker videoen eller trenger mer instruksjoner, fortsett å lese.

Når du har opprettet kontoen din med MaxCDN, må du installere dette gratis WordPress-plugin kalt W3 Total Cache.

Det første du må gjøre er å logge inn på din MaxCDN-konto og opprette en "Pull Zone". For å gjøre dette, klikk på Manage Zones-knappen og klikk deretter på "Create Pull Zone" -ikonet.

På neste side vil du bli bedt om å skrive inn detaljene for den nye Pull-sonen din.

  • Pull Zone Name: Dette kan være alt uten mellomrom, minst 3 tegn langt. Tenk på dette som brukernavn.
  • Opprinnelsesserver-URL: Skriv inn nettadressen til WordPress-bloggen din. Må ha "//" og den bakre skråstrek (/).
  • Tilpasset CDN-domene: Bruk eventuelt underdomene for eksempel: cdn.wpbeginner.com
  • Etikett: Dette er som et beskrivelsesfelt. Det er valgfritt å legge til en beskrivelse.
  • Komprimering: Vi anbefaler at du aktiverer dette, da det vil spare bruken av båndbredde på kontoen din.

Når du klikker oppretter, vil du se en suksessskjerm. I den grønne boksen vil du ha en URL for din CDN. Det vil se ut som "wpb.wpbeginner.netdna-cdn.com". La oss kopiere denne nettadressen og lagre den i notisblokken din. Vi må bruke den i senere trinn. Hvis du går til dashbordet, vil du nå se sonen du har opprettet. Klikk på "administrer" -ikonet.

Deretter må du klikke på fanen "Innstillinger" og se på de tilpassede domenene.

Målet her er å legge til flere underdomener (CNAMEs), slik at vi kan forbedre pipelining-ytelsen i nettleseren. For å gjøre dette, klikk på redigeringsknappen på egendefinerte domener, og legg ganske enkelt til flere egendefinerte domener.

Når du har lagt til de egendefinerte underdomenene, klikker du bare på oppdatering. I komprimeringsinnstillingene må du sørge for at du aktiverer GZip-komprimering.

Nå som du har konfigurert din trekksone, ta den lange CDN-nettadressen du fikk i tidligere trinn som så ut som denne "wpb.wpbeginner.netdna-cdn.com". Vi trenger dette for å sette CNAME-poster. Vi viser deg hvordan du lager CNAME-posten ved hjelp av cPanel. De fleste WordPress-hostingleverandører bruker cPanel. Logg inn på cPanel, rul ned til Domeneseksjonen og klikk på Enkel DNS Zone Editor.

På denne siden må du fylle ut feltene for å legge til en CNAME-post. De to verdiene du må fylle ut er: Navn og CNAME.

  • Navn: Dette er navnet på ditt egendefinerte CDN-domene. For eksempel er vårt egendefinerte CDN-domene cdn.wpbeginner.com, så vi vil sette "cdn" i vårt navnfelt.
  • administrasjon: Dette blir URL gitt til deg av MaxCDN når du opprettet trekksonen. For eksempel: "wpb.wpbeginner.netdna-cdn.com".

Eksempel skjermbilde:

Gjenta denne prosessen for alle de tilpassede domenene du vil legge til. CNAME-verdien vil være den samme. Alt du endrer er navnet "cdn", "cdn2" etc. Det å legge til CNAME-metoden kan være annerledes hvis du har en ikke-cPanel-vert.

Nå som du har konfigurert MaxCDN, lar vi gå videre og integrere det med WordPress. Vi må bruke W3 Total Cache plugin. Installer og aktiver plugin. På Generelt-skjermbildet, hvis du ruller ned, vil du se CDN-boksen. Aktiver CDN og velg NetDNA / MaxCDN-alternativet.

Lagre innstillingene. Nå må du gå til CDN-menyen i W3 Total Cache for å konfigurere MaxCDN med WordPress. Denne siden vil be deg om å skrive inn din API-ID, API-nøkkel og dine egendefinerte domenenavn.

Du kan få API-ID og nøkkel fra ditt MaxCDN Dashboard. Hvis du går Administrer konto »API. Klikk på add-key, og opprett nøkkelen.

Når du har konfigurert W3 Total Cache-delen, er du god til å gå. Du kan klikke på Test NetDNA-knappen, og du bør kunne få Test bestått.

Ønsker du å øke hastigheten på WordPress? Vel, så anbefaler vi at du begynner å bruke en CDN-tjeneste som MaxCDN. Bruk MaxCDN kupongen “Wpbeginner” å få 25% rabatt.

Se videoen: Den tredje industrielle revolusjonen: En radikal ny delingsøkonomi

Like this post? Please share to your friends:
Legg att eit svar

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: