👉 Sådan installeres og installeres WordPress CDN Solution - MaxCDN på dit websted

30 måder at tjene penge online blogging (på siden) i 2018

Efter vores redesign, WPBv4, brugte vi lidt tid på at gøre ydeevneoptimering (stadig noget arbejde tilbage til at gøre). Efter at have gjort nogle optimeringer oplevede vi en stor forbedring af ydeevnen på webstedet. Det var mærkbart nok, at vores brugere mailede os om at spørge om det. Vi har hørt dine anmodninger, og en komplet vejledning om, hvad vi gjorde for at fremskynde vores hjemmeside, kommer snart op. Selvom vi havde dækket, hvordan du installerer MaxCDN i vores vejledning om W3 Total Cache, har vi foretaget nogle yderligere ændringer siden da. I denne artikel vil vi vise dig, hvordan du installerer og opsætter MaxCDN i WordPress.

Her er den email, vi fik fra en af ​​vores brugere:

"… Hovedårsagen til, at jeg kontakter dig, er at spørge om webstedets hastighed. Hvordan i alverden formår du at fremskynde dit websted så hurtigt? Hastigheden er sindssyg og jeg elskede bare det. "

Vi gjorde mange tests ved hjælp af et websted kaldet Pingdom. Den hurtigste belastningstid på vores hjemmeside var kun 483ms. Vi løb testen adskillige gange (forskellige timer og datacentre). Vores load time range på hjemmesiden var 483ms – 1.7s. Nedenfor er et af skærmbillederne:

Meget gik ind i præstationsoptimering (reducerer HTTP-forespørgsler som f.eks. Indlæsning af scripts kun, når de er nødvendige, kombinering af scripts og stylesheets, optimering af billeder osv.). Men en af ​​hovedkomponenterne, der gør vores hjemmeside hurtigere og holder os fra at kollapse, er en stor WordPress CDN. Vi bruger MaxCDN, og du kan vores MaxCDN review i vores Blueprint sektion, hvor vi forklarer hvorfor vi bruger MaxCDN. Hvis du ikke ved, hvad der er en CDN eller hvorfor du har brug for en CDN, så skal du tjekke eller infographic "What the Heck is a CDN".

Nu med at have sagt, for at følge denne tutorial, skal du have en MaxCDN-konto. Det er meget overkommeligt og værd at pengene. Hvis du ikke har en konto, kan du tilmelde dig nu. Du kan få 25% rabat ved at bruge vores MaxCDN-kupon "wpbeginner"

Video Tutorial

Tilmeld dig WPBeginner

Hvis du ikke kan lide videoen eller har brug for flere instruktioner, skal du fortsætte med at læse.

Når du har oprettet din konto med MaxCDN, skal du installere denne gratis WordPress-plugin kaldet W3 Total Cache.

Første ting du skal gøre er at logge ind på din MaxCDN-konto og oprette en "Pull Zone". For at gøre dette skal du klikke på knappen Manage Zones og derefter klikke på "Create Pull Zone" ikonet.

På næste side bliver du bedt om at indtaste detaljerne for din nye pull zone.

  • Træk Zone Name: Dette kan være alt uden mellemrum, minimum 3 tegn langt. Tænk på dette som dit brugernavn.
  • Oprindelsesserver-URL: Indtast webadressen til din wordpress-blog. Skal have "//" og den efterfølgende skråstreg (/).
  • Brugerdefineret CDN-domæne: Brug eventuelt underdomæne for eksempel: cdn.wpbeginner.com
  • Etiket: Dette er som et beskrivelsesfelt. Det er valgfrit at tilføje en beskrivelse.
  • Kompression: Vi anbefaler, at du aktiverer dette, da det vil spare brugen af ​​båndbredde på din konto.

Når du klikker på Opret, vil du se en successkærm. I den grønne boks har du en URL til din CDN. Det vil se ud som "wpb.wpbeginner.netdna-cdn.com". Lad os kopiere denne webadresse og gemme den i din notesblok. Vi skal bruge det i senere trin. Hvis du går til dit betjeningspanel, vil du nu se den zone, du har oprettet. Klik på ikonet "administrer".

Derefter skal du klikke på fanen "Indstillinger" og se på de brugerdefinerede domæner.

Målet her er at tilføje flere underdomæner (CNAMEs), så vi kan forbedre pipelining ydeevnen i browseren. For at gøre dette skal du klikke på redigeringsknappen på brugerdefinerede domæner og blot tilføje flere brugerdefinerede domæner.

Når du har tilføjet de brugerdefinerede underdomæner, skal du blot klikke på opdatering. I komprimeringsindstillingerne skal du sørge for at aktivere GZip-komprimering.

Nu hvor du har konfigureret din pull zone, skal du tage den lange CDN url, du fik i tidligere trin, der så ud som denne "wpb.wpbeginner.netdna-cdn.com". Vi skal bruge dette til at indstille CNAME-poster. Vi viser dig hvordan du opretter CNAME-posten ved hjælp af cPanel. De fleste WordPress-hostingudbydere bruger cPanel. Log ind på din cPanel, rul derefter ned til sektionen Dome og klik på Enkel DNS Zone Editor.

På denne side skal du udfylde felterne til Tilføj et CNAME-record. De to værdier du skal udfylde er: Navn og CNAME.

  • Navn: Dette er navnet på dit brugerdefinerede CDN-domæne. For eksempel er vores brugerdefinerede CDN-domæne cdn.wpbeginner.com, så vi vil sætte "cdn" i vores navnfelt.
  • CNAME: Dette vil blive URL tildelt af MaxCDN, når du oprettede pull zone. For eksempel: "wpb.wpbeginner.netdna-cdn.com".

Eksempel skærmbillede:

Gentag denne proces for alle de brugerdefinerede domæner, du vil tilføje. CNAME-værdien vil være den samme. Alt du ændrer er navnet "cdn", "cdn2" osv. Tilføjelse af CNAME-metoden kan være anderledes, hvis du har en ikke-cPanel-vært.

Nu hvor du har konfigureret MaxCDN, lad os gå videre og integrere det med WordPress. Vi skal bruge W3 Total Cache plugin. Installer og aktiver plugin. På skærmen Generelt, hvis du ruller ned, vil du se CDN-boksen. Aktivér CDN og vælg NetDNA / MaxCDN-indstilling.

Gem indstillingerne. Nu skal du gå til CDN-menuen i W3 Total Cache for at konfigurere MaxCDN med WordPress. Denne side beder dig angive dit API-id, API-nøgle og dine brugerdefinerede domænenavne.

Du kan få dit API ID og Nøgle fra dit MaxCDN Dashboard. Hvis du går til Administrer konto »API. Klik på add-nøglen, og opret din nøgle.

Når du har konfigureret W3 Total Cache-delen, er du god til at gå. Du kan klikke på Test NetDNA knappen, og du skal kunne få Test bestået.

Ønsker du at fremskynde din WordPress? Nå, så anbefaler vi at du begynder at bruge en CDN-tjeneste som MaxCDN. Brug MaxCDN kuponen ”Wpbeginner” at få 25% rabat.

Like this post? Please share to your friends:
Skriv et svar

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