Hur du påskyndar din WordPress-webbplats med CDN77

I vår tidigare artikel undersökte vi fördelarna med att ha en CDN-tjänst med WordPress och varför CDN: er är ett av de bästa sätten att påskynda WordPress många gånger tidigare på bloggen. . Vi observerade hur mycket prestandan ökar om dina besökare är långt borta från din värdserver. Vi hoppas att det väckte ditt intresse eftersom vi i dagens artikel kommer att göra en steg-för-steg-guide för hur du skapar en CDN-resurs på CDN77 och hur du rätt kan justera den. Efter det kommer vi att installera en specifik uppsättning plugins på WordPress och sedan kontrollera om allt fungerar bra.


Det första steget i vår guide kommer att vara skapa ett CDN77-konto. Om du inte har ett konto än, CDN77 erbjuder en gratis 14-dagars provperiod. Registreringen tar bara några minuter. Då skapar vi en CDN-resurs genom att klicka på Skapa ny CDN-resurs (under fliken CDN). I den här artikeln kommer vi att implementera ett CDN på en filmblogg som är värd på ett Datacenter i Las Vegas.

cdn77-med-wordpress-03

Eftersom vi kommer att implementera en fullständig HTTPS-lösning kommer vi att använda den nya “HTTPS” på CDN77. Det här alternativet säkerställer dataöverföringen från din värdserver till CDN-servern.

Om din webbplats körs i ett SSL-läge måste du absolut skapa en SSL-resurs på CDN77. Annars riskerar du blandat innehåll. Den här typen av fel uppstår när webbläsaren körs i ett SSL-läge och plötsligt försöker ladda en resurs genom en osäker HTTP-begäran.

cdn77-med-wordpress-04

Hur man installerar en SSL på CDN77

Vi kan skapa ett gratis SSL-certifikat på två sätt. Vi kan antingen använda ett delat SSL-certifikat för ett underdomän på xxx.c.cdn77.org eller så kan vi använda vårt eget CNAME (se bilden ovan). I allmänhet uppmuntrar vi att använda en CNAME som cdn.yoursite.com.

Om du söker efter den delade CDN77-lösningen krävs inga ytterligare steg för att SSL-underdomänet ska fungera korrekt.

I det här fallet kommer vi att skapa en CNAME. Detta innebär att vår webbplats innehåll kommer att vara tillgängligt via HTTPS direkt om vi ersätter vår webbplats med cdn.ourdomain. Med CDN77 handlar det om få klick att få en SSL.

Justera det !

När du skapat resursen är det första du vill titta på menyn Andra inställningar. Om du ska använda HTTPS är det absolut obligatoriskt att hålla HTTP / 2 aktiverad. Hastighetsförbättringen mellan normal HTTP / 1.x och HTTP / 2 är enorm. CDN77 fungerar som standard i HTTP / 2-läge i din HTTPS-resurs som standard, vilket minskar din tid till hälften.

Om du går via HTTPS måste du också göra en omdirigering 301 för att följa google-standarder för HTTPS, aktivera HTTPS-omdirigering.

För optimal prestanda, aktivera ignorera alla i Ignorera frågesträngar. Såvida din webbplats inte kör dynamiskt laddat innehåll som måste uppdateras varje timme, kan du komma undan med frågesträngarna och ignorera allt, detta kommer att öka cache- och webbplatsprestanda enormt.

CDN77 erbjuder också alternativet Cache Expiry. Om du laddar in en hel del bilder bör detta ställas in på högsta möjliga inställning, vilket är 12 dagar.

I den här guiden kommer vi att överväga hastigheten i första hand. CDN kommer därför att förse oss endast med statisk bildinnehåll, allt annat kommer att laddas från originalservern.

Varför inte använda CDN för Javascript & CSS, är du nötter?

Kom ihåg att i vår tidigare artikel talade vi om hur CDN-prestanda kan variera när innehållet inte är tillgängligt på CDN-nätverkets begärda nod. Tja, om filen ännu inte cachelagras råkar vara en CSS-fil kommer lasttiden att öka och det kan påverka din prestanda negativt. Detta kan påverka din webbplatshastighet mycket mer än om du väljer att inte betjäna CSS med CDN.

CSS- och Javascript-filer är viktiga för att ladda webbplatser i alla webbläsare och de bör inte vara föremål för en cachemekanism som den i CDN-tjänster. Du kan dock skapa en statisk resurs på CDN för att dumpa dessa viktiga filer. Detta är en mer avancerad teknik som kommer att kräva att du justerar din WordPress till en nivå utanför räckvidden för denna handledning.

När vi väl har ordnat allt ordentligt kan vi fortsätta till menyfliken för datacentrar.

cdn77-med-wordpress-07

CDN77 tillhandahåller ett bekvämt sätt att aktivera / inaktivera varje nod i deras nätverk. Poängen är att noggrant välja vilka noder som används mest aktivt. Detta är lätt att ta reda på, följ bara dina läsare.

När du vet vilka noder du behöver rekommenderas du att inaktivera alla dispenserbara noder. Det finns en enkel förklaring till detta: Ju fler noder du har i ditt nätverk, desto mer tid tar det att uppdatera dem alla. Därför lider din prestanda. Generellt sett ökar du cache-prestanda när du minskar antalet noder. Välj vist.

När du testar webbplatsens prestanda för första gången, rensa och förhand kan vara praktiskt. Purge kommer att skjuta ut ett specifikt innehåll från CDN-nätverket, det är praktiskt om du ändrar innehållet och behöver spola cachen för att uppdatera. Prefetch gör motsatsen, det tvingar ett specifikt innehåll i CDN-cachen.

cdn77-med-wordpress-10

När du har konfigurerat allt kan du peka din CNAME till din egen domän. För att göra det måste du skapa en regel i din registrator eller din värdpanel i DNS-avsnittet och peka ditt cdn.yourdomain.com till CNAME xxx.rsc.cdn77.org som visas på bilden, detta kommer att instruera DNS för att omdirigera all din underdomänstrafik till den verkliga platsen den behöver vara. Oroa dig inte, det kommer inte att påverka prestandan. Dessutom tjänar det också syftet att visa dina läsare att du använder en cdn.yourdomain.com vilket ser snyggt ut.

Om du föredrar att använda cdn77.org-adressen behöver du inte göra någonting, bara använda den adressen när du byter ut ditt innehåll i WordPress.

WordPress Side

På WordPress-sidan måste vi lägga till ett plugin för att detta ska fungera korrekt. Vi kommer att använda CDN Enabler, ett praktiskt gratis plugin. Anledningen till att använda detta plugin är enkelt – majoriteten av CDN-plugins tillåter inte sådan granulär kontroll över mapparna du skickar till CDN. Det här plugin gör och det är mycket viktigt för vårt fall eftersom vi inte vill inkludera några Javascript- eller CSS-filer, bara de uppladdade bilderna.

cdn77-med-wordpress-14

När installationen är installerad kan du hitta plugin här …

cdn77-med-wordpress-15

Låt oss finjustera det !

cdn77-med-wordpress-16

Kommer du ihåg när vi pratade om anpassning? Här är det viktigaste faktumet om hur du korrekt konfigurerar ett CDN på WordPress. De allra flesta CDN-insticksprogram berättar för dig att inkludera en katalog för CDN att “replikera” och de brukar säga att du ska inkludera wp-innehåll. Det är bra för en allmän inställning men det är inte bra för din prestanda eftersom wp-innehållsmappen är fylld med en annan mycket känslig mapp, plugins och temamappen, inklusive massor av Javascript och CSS-filer. Du kan tappa prestanda när de inte cachas som diskuterats tidigare.

Så, hur fixar vi detta? Vi inkluderar helt enkelt mappen wp-content / uploads. En sådan enkel lösning!

Chockad som du kanske kommer de allra flesta plugins som hanterar CDN: er inte att göra det. Om du bara inkluderar denna undermapp kommer du att instruera ditt CDN till din överföringsmapp, dvs bara dina bilder.

cdn77-med-wordpress-17

En enkel uppdatering av webbplatsen gör att CDN kan få innehållet åt dig. I det här exemplet öppnade vi en Firefox Developer Tab (F12) och sökte efter den första bilden. Du kan tydligt se att länken har ersatts och att den nu laddas direkt från CDN istället för vår värdserver!

Före och efter

Låt oss se hur allt detta visade sig !

På vänster skärm kan vi se tiden det tar att ladda webbplatsen från Sverige (som är långt borta från vår värdserver i Las Vegas, kom ihåg?) På höger skärm kan vi se att prestandan ökade, tiden var nästan skära i hälften! Alla viktiga filer laddas fortfarande från vår server i Las Vegas men filerna med tunga bördor, som bilderna laddas från noden i Sverige.

Avslutar

Förhoppningsvis lärde du dig ett kraftfullt sätt att implementera ett CDN på din WordPress-webbplats. Vissa tekniker är inte påträngande, till exempel de CSS- och Javascript-filer som är viktiga för att ladda hastigheten på webbplatsen. Du kan nu utnyttja alla fördelar med ett CDN och samtidigt minimera dess nackdelar. Vi hoppas att du kommer att ge den gratis CDN-rättegången och använda tips i den här artikeln för att se om du kan få fart på din WordPress-webbplats. Vi hoppas att du gillade artikeln! Lämna som vanligt frågor eller tvivel i kommentarerna nedan.

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