Sådan fremskyndes dit WordPress-sted med CDN77

I vores tidligere artikel udforskede vi fordelene ved at have en CDN-service med WordPress, og hvorfor CDN’er er en af ​​de bedste måder at fremskynde WordPress mange gange før på bloggen. . Vi observerede, hvor meget ydelsen øges, hvis dine besøgende er langt væk fra din host-server. Vi håber, at det vakte din interesse, fordi vi i dagens artikel laver en trinvis vejledning om, hvordan man opretter en CDN-ressource på CDN77, og hvordan man korrekt justerer den. Derefter vil vi installere et specifikt sæt plugins på WordPress og derefter kontrollere, om alt fungerer fint.


Det første trin i vores guide vil være at oprette en CDN77-konto. I tilfælde af at du ikke har en konto endnu, CDN77 tilbyder en gratis 14-dages prøveperiode. Registreringen tager kun et par minutter. Så opretter vi faktisk en CDN-ressource ved at klikke på Opret ny CDN-ressource (under fanen CDN). Med henblik på denne artikel implementerer vi et CDN på en filmblog, der er vært på et Datacenter i Las Vegas.

cdn77-med-wordpress-03

Da vi vil implementere en komplet HTTPS-løsning, bruger vi den nye “HTTPS” på CDN77. Denne mulighed sikrer dataoverførslen fra din værtsserver til CDN-serveren.

Hvis dit websted kører i en SSL-tilstand, skal du absolut oprette en SSL-eneste ressource på CDN77. Ellers risikerer du blandet indholdsfejl. Denne type fejl opstår, når browseren kører i en SSL-tilstand og pludselig forsøger at indlæse en ressource gennem en usikker HTTP-anmodning.

cdn77-med-wordpress-04

Sådan konfigureres en SSL på CDN77

Vi kan oprette et gratis SSL-certifikat på 2 måder. Vi kan enten bruge et delt SSL-certifikat til et underdomæne på xxx.c.cdn77.org, eller vi kan bruge vores eget CNAME (se billedet ovenfor). Generelt opfordrer vi til at bruge et CNAME som cdn.yoursite.com.

Hvis du går efter den delte CDN77-løsning, er det ikke nødvendigt med yderligere trin for at SSL-underdomænet skal fungere korrekt.

I dette tilfælde opretter vi en CNAME. Dette betyder, at vores websteds indhold vil være tilgængeligt med HTTPS med det samme, hvis vi erstatter vores websted med cdn.ourdomain. Med CDN77 er at få en SSL et spørgsmål om få klik.

Tilpas det !

Når du har oprettet ressourcen, er den første ting at se på menuen Andre indstillinger. Hvis du vil bruge HTTPS, er det absolut obligatorisk at holde HTTP / 2 aktiveret. Hastighedsforbedringen mellem normal HTTP / 1.x og HTTP / 2 er enorm. CDN77 fungerer som standard i HTTP / 2-tilstand i din HTTPS-ressource som standard, hvilket skærer din tid på halvt.

Hvis du går via HTTPS, skal du også foretage en omdirigering 301 for at overholde Google-standarder for HTTPS, aktiver HTTPS-omdirigering.

For at opnå optimal ydelse skal du aktivere ignorere alle i Ignorer forespørgselsstrengene. Medmindre dit websted kører dynamisk indlæst indhold, der skal opdateres på timebasis, kan du slippe af med forespørgselsstrengene og ignorere alt, dette vil forøge cache- og webstedets ydelse enormt.

CDN77 tilbyder også mulighed for Cache Expiry. Hvis du indlæser en masse billeder, skal dette indstilles til den højeste indstilling, der er 12 dage.

I denne vejledning vil vi overveje hastighed i første omgang. CDN vil derfor kun give os statisk billedindhold, alt andet indlæses fra originalserveren.

Hvorfor ikke bruge CDN til Javascript & CSS, er du møtrik?

Husk i vores tidligere artikel, vi talte om, hvordan CDN-ydeevne kan variere, når indholdet ikke er tilgængeligt på den anmodede knude på CDN-netværket. Nå, hvis filen endnu ikke er cache, der tilfældigvis er en CSS-fil, vil belastningstiden øges, og det kan påvirke din ydelse negativt. Dette kan påvirke dit websteds gengivelseshastighed meget mere, end hvis du beslutter dig for ikke at tjene CSS med CDN.

CSS & Javascript-filer er vigtige for indlæsning af websteder i enhver browser, og de bør ikke være genstand for en cache-mekanisme som den i CDN-tjenester. Skønt du kan oprette en statisk ressource på CDN for at dumpe disse vigtige filer. Dette er en mere avanceret teknik, der kræver, at du justerer din WordPress til et niveau ud over denne tutorials rækkevidde.

Når vi først har ordentligt justeret alt, kan vi gå videre til dataforholdets menu-fane.

cdn77-med-wordpress-07

CDN77 giver en bekvem måde at aktivere / deaktivere hver node på deres netværk. Pointen er at vælge omhyggeligt, hvilke knudepunkter der er mest aktivt brugt. Dette er let at finde ud af, bare følg dine læsere.

Når du ved, hvilke noder du har brug for, tilrådes du at deaktivere alle disponible noder. Der er en enkel forklaring på dette: Jo flere noder du har på dit netværk, jo mere tid vil det tage at opdatere dem alle, og derfor lider din præstation. Som en generel regel, når du reducerer antallet af noder, øger du også cache-ydelsen. Vælg klogt.

Når du tester din websteds ydeevne for første gang, rens og forudhent kunne være praktisk. Purge skubber et specifikt indhold ud af CDN-netværket, det er praktisk, hvis du ændrer indholdet og skal skylle cachen for at opdatere. Prefetch gør det modsatte, det tvinger et specifikt indhold til CDN-cachen.

cdn77-med-wordpress-10

Når du har konfigureret alt, kan du pege dit CNAME til dit eget domæne. For at gøre det skal du oprette en regel i din registrator eller dit hostingpanel i DNS-afsnittet og pege dit cdn.yourdomain.com til CNAME xxx.rsc.cdn77.org som vist på billedet, dette vil instruere DNS for at omdirigere al dit underdomænes trafik til det faktiske sted, det skal være. Bare rolig, det vil ikke påvirke ydelsen. Derudover tjener det også formålet med at vise dine læsere, at du bruger en cdn.yourdomain.com som ser dekorativ ud.

Hvis du foretrækker at bruge cdn77.org-adressen, behøver du ikke at gøre noget, bare brug denne adresse, når du udskifter dit indhold i WordPress.

WordPress Side

På WordPress-siden er vi nødt til at tilføje et plugin for at dette fungerer korrekt. Vi vil bruge CDN Enabler, et praktisk gratis plugin. Årsagen til at bruge dette plugin er simpelt – størstedelen af ​​CDN-plugins tillader ikke sådan granulær kontrol over de mapper, du sender til CDN. Dette plugin gør det, og det er meget vigtigt for vores sag, da vi ikke ønsker at medtage nogen Javascript- eller CSS-filer, bare de uploadede billeder.

cdn77-med-wordpress-14

Når det er installeret, kan du finde plugin lige her …

cdn77-med-wordpress-15

Lad os finpusse det !

cdn77-med-wordpress-16

Kan du huske, da vi talte om tilpasning? Her er det vigtigste faktum om, hvordan du korrekt opsætter et CDN på WordPress. Langt de fleste af CDN-plugins vil fortælle dig at inkludere et bibliotek til CDN til at “replikere”, og de beder dig normalt om at inkludere wp-indhold. Det er fint til en generel indstilling, men det er ikke godt for din ydelse, fordi mappen wp-indhold er fyldt med en anden meget følsom mappe, plugins og temamappen, inklusive tonsvis af Javascript & CSS-filer. Du mister muligvis ydelse, når de ikke cache som beskrevet tidligere.

Så hvordan løser vi dette? Vi inkluderer simpelthen mappen wp-content / uploads. En sådan enkel løsning!

Overvåget som du måtte være, det store flertal af plugins, der håndterer CDN’er, tillader ikke dig at gøre dette. Hvis du kun inkluderer denne undermappe, instruerer din CDN til din uploadmappe, dvs. dine billeder kun.

cdn77-med-wordpress-17

En simpel opdatering af webstedet giver CDN mulighed for at få indholdet til dig. I dette eksempel åbnede vi en Firefox Developer Tab (F12) og søgte efter det første billede. Du kan tydeligt se, at linket blev udskiftet, og det indlæses nu direkte fra CDN i stedet for vores host-server!

Før og efter

Lad os se, hvordan alt dette viste sig !

I venstre skærm kan vi se den tid det tager at indlæse webstedet fra Sverige (som er langt væk fra vores host-server i Las Vegas, husk det?) På højre skærm kan vi se, at ydeevnen steg, tiden var næsten skåret i halvdelen! Alle væsentlige filer indlæses stadig fra vores server i Las Vegas, men filerne med tunge byrder, ligesom billederne indlæses fra noden i Sverige.

Afslutter

Forhåbentlig lærte du en magtfuld måde at implementere et CDN på dit WordPress-sted. Nogle teknikker er ikke-påtrængende, såsom de CSS- og Javascript-filer, der er essentielle for indlæsningshastighed for websteder. Du kan nu udnytte enhver fordel ved et CDN og samtidig minimere dens ulemper. Vi håber, at du giver den gratis CDN-prøveperiode et par gange og bruger tipene i denne artikel for at se, om du kan fremskynde dit WordPress-websted. Vi håber, du nød artiklen! Forlad som normalt spørgsmål eller tvivl i kommentarerne herunder.

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