👉 Hur man installerar och installerar WordPress CDN Solution - MaxCDN på din webbplats

30 sätt att tjäna pengar på nätet Blogging (On the Side) 2018

Efter vår omkonstruktion, WPBv4, spenderade vi lite tid på prestandaoptimering (fortfarande lite arbete kvar). Efter att ha gjort lite optimering såg vi en stor prestationsförbättring på webbplatsen. Det var märkbart att våra användare mailade oss att fråga om det. Vi har hört dina förfrågningar, och en komplett guide till vad vi gjorde för att påskynda vår webbplats kommer snart att gå. Även om vi hade täckt hur man installerar MaxCDN i vår handledning om W3 Total Cache, har vi gjort några ytterligare ändringar sedan dess. I den här artikeln visar vi hur du installerar och installerar MaxCDN i WordPress.

Här är e-postmeddelandet från en av våra användare:

"… Den främsta anledningen till att jag kontaktar dig är att fråga om platshastighet. Hur på jorden lyckas du påskynda din webbplats så fort? Hastigheten är galen och jag älskade det bara. "

Vi gjorde många test med en webbplats som heter Pingdom. Den snabbaste laddningstiden på vår hemsida var bara 483ms. Vi körde testet flera gånger (olika timmar och datacenter). Vårt tidsintervall på hemsidan var 483ms – 1.7s. Nedan är en av skärmdumparna:

Många gick in i prestationsoptimering (minskning av HTTP-frågor, till exempel att ladda skript endast när de behövs, kombinera skript och stylesheets, optimera bilder etc). Men en av de viktigaste komponenterna som gör att vår hemsida laddas snabbt och hindrar oss från att krascha är en bra WordPress CDN. Vi använder MaxCDN, och du kan vår MaxCDN-recension i vår Blueprint-sektion där vi förklarar varför vi använder MaxCDN. Om du inte vet vad som är en CDN eller varför behöver du en CDN, bör du kolla in eller infographic "What the Heck is a CDN".

Nu med det sagt, för att följa denna handledning måste du ha ett MaxCDN-konto. Det är mycket överkomligt och väl värt pengarna. Om du inte har ett konto kan du registrera dig nu. Du kan få 25% rabatt med vår MaxCDN-kupong "wpbeginner"

Video Tutorial

Prenumerera på WPBeginner

Om du inte gillar videon eller behöver mer instruktioner, fortsätt läsa.

När du har skapat ditt konto med MaxCDN måste du installera detta gratis WordPress-plugin som heter W3 Total Cache.

Det första du behöver göra är att logga in på ditt MaxCDN-konto och skapa en "Pull Zone". För att göra detta klickar du på knappen Hantera zoner och klickar sedan på "Create Draw Zone" -ikonen.

På nästa sida kommer du att bli ombedd att ange detaljerna för din nya dragzon.

  • Pull Zone Name: Det här kan vara allt utan mellanslag, minst 3 tecken långt. Tänk på detta som ditt användarnamn.
  • Ursprungsserveradress: Ange webbadressen till din wordpress-blogg. Måste ha "//" och bakre snedstreck (/).
  • Anpassad CDN-domän: Använd någon underdomän till exempel: cdn.wpbeginner.com
  • Etikett: Det här är som ett beskrivningsfält. Det är valfritt att lägga till en beskrivning.
  • Komprimering: Vi rekommenderar att du aktiverar detta eftersom det sparar användningen av bandbredd på ditt konto.

När du klickar på skapar ser du en framgångsskärm. I den gröna rutan kommer du att ha en URL för din CDN. Det kommer att se ut som "wpb.wpbeginner.netdna-cdn.com". Låt oss kopiera den här webbadressen och spara den i din anteckningsblock. Vi behöver använda den i senare steg. Om du går till din instrumentpanel ser du nu den zon du har skapat. Klicka på ikonen "hantera".

Därefter måste du klicka på fliken Inställningar och titta på de anpassade domänerna.

Målet är att lägga till flera underdomäner (CNAMEs), så att vi kan förbättra pipeliningprestanda i webbläsaren. För att göra detta klickar du på redigeringsknappen på Anpassade domäner och lägger helt enkelt till flera anpassade domäner.

När du har lagt till egna underdomäner klickar du bara på uppdatering. Se till att du aktiverar GZip-komprimering i komprimeringsinställningarna.

Nu när du har konfigurerat din dragzon, ta den långa CDN-url som du har i tidigare steg som såg ut som denna "wpb.wpbeginner.netdna-cdn.com". Vi behöver detta för att ställa in CNAME-poster. Vi visar dig hur du skapar CNAME-posten med cPanel. De flesta WordPress-webbhotell använder cPanel. Logga in på din cPanel, rulla sedan ner till avsnittet Domäner och klicka på Enkel DNS Zone Editor.

På den här sidan måste du fylla i fälten för att lägga till en CNAME-post. De två värdena du kommer att behöva fylla är: Namn och CNAME.

  • Namn: Detta är namnet på ditt anpassade CDN-domän. Till exempel är vår anpassade CDN-domän cdn.wpbeginner.com, så vi lägger "cdn" i vårt namnfält.
  • administration: Detta kommer att vara URL tillhandahållet av MaxCDN när du skapade dragzonen. Till exempel: "wpb.wpbeginner.netdna-cdn.com".

Exempel skärmdump:

Upprepa denna process för alla anpassade domäner du lägger till. CNAME-värdet kommer att vara detsamma. Allt du ändrar är namnet som "cdn", "cdn2" etc. Att lägga till CNAME-metoden kan vara annorlunda om du har en icke-cPanel-värd.

Nu när du har konfigurerat MaxCDN, låt oss gå och integrera det med WordPress. Vi måste använda W3 Total Cache-plugin. Installera och aktivera plugin. På skärmen Allmänt, om du rullar ner ser du CDN-rutan. Aktivera CDN och välj NetDNA / MaxCDN-alternativ.

Spara inställningarna. Nu måste du gå till CDN-menyn i W3 Total Cache för att konfigurera MaxCDN med WordPress. På den här sidan kommer du att ange ditt API-ID, API-nyckel och dina egna domännamn.

Du kan få ditt API-ID och nyckel från din MaxCDN Dashboard. Om du går Hantera konto »API. Klicka på add key och skapa din nyckel.

När du har konfigurerat W3 Total Cache-delen är du bra att gå. Du kan klicka på Test NetDNA-knappen, och du borde kunna få testet godkänt.

Vill du påskynda din WordPress? Tja, då rekommenderar vi att du börjar använda en CDN-tjänst som MaxCDN. Använd MaxCDN-kupongen ”Wpbeginner” att få 25% rabatt.

Titta på videon: HUR MAN BÖRJAR. En Gary Vaynerchuk Original

Like this post? Please share to your friends:
Kommentera

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