En sak som man måste ha när det kommer till webbplatshastighet är ett content delivery network (CDN). Ett CDN tar av lasten från din webbserver och skyndar på din innehållsleverans till alla som besöker din webbplats. Som ett resultat av detta så förbättras allt ifrån din användarupplevelse till din sökmotors potential! Ett bra sätt att börja lära sig mer om ämnet är genom att aktivera ett WordPress CDN.

I denna artikel så kommer vi att berätta om några av de enklaste metoderna som du kan använda dig av för att fixa ett CDN till din WordPress webbplats.

Men innan det så kommer vi att ge en översikt av den grundläggande definitionen av ett CDN, varför du bör använda en, och några extra fördelar att förvänta sig. Vi kommer också dela några hastighetstester så att du bättre kan bedöma hur mycket av en prestandaökning du kan förvänta dig att se på din webbplats.

Vad Är ett WordPress CDN?

CDN är en förkortning för Content Delivery Network. Detta är ett nätverk av servrar (också kända som POPs) som finns runt om i världen. De är designade för att hosta och leverera kopior av din WordPress webbplats statiska (och ibland dynamiska) innehåll, så som bilder, CSS, JavaScript och video streams.

Hur ett CDN Fungerar

Till att börja med så vill du inte blanda ihop ett CDN med din WordPress-leverantörs företag. Detta är helt olika tjänster. Ett CDN är inte en substitut för din hostingleverantör, men istället ett ytterligare sätt att öka din webbplats hastighet på. Även fast hostingen här på Kinsta är väldigt effektiv så hade ett CDN kunnat göra din webbplats ännu snabbare.

Hur funkar ett CDN exakt? Till exempel, om du hostar en webbplats med Kinsta så måste du välja en fysisk datacenter plats, så som US Central, Europa, Sydamerika eller Asien. Låt oss säga att du väljer US Central.

Detta betyder att din webbplats fysiskt befinner sig på en “host server” i Council Bluffs, Iowa. När människor i Europa besöker din webbplats tar det längre tid för dem att ladda in än det gör för någon som befinner sig i exempelvis, Dallas, TX. Varför? Eftersom att datan behöver färdas en längre sträcka.

Detta är vad som är känt som latens. Latens refererar till tiden och/eller fördröjningen som involveras i en dataöverföring över ett nätverk. Desto längre avstånd, destö större latens.

Detta är när ett CDN kommer till användning. Det hjälper till att minska latens genom att ladda din webbplats innehåll från en server närmare dem. Dessa CDN servrar kallas ibland för POPs (points of presence)

Ett CDN minskar latens, vilket leder till att innehåll levereras snabbare till slutanvändare
Ett CDN minskar latens, vilket leder till att innehåll levereras snabbare till slutanvändare

WordPress användare tvekar ibland på att kolla in content delivery networks eftersom de låter för komplicerade. Men en CDNs funktionalitet är relativt enkel. Här berättar vi om hur de funkar och hur de kan implementeras i tre enkla steg:

Steg 1

Du registrerar dig hos en hostingleverantör med ett gratis CDN (så som Kinsta CDN) eller väljer en separat CDN-leverantör och prenumererar på deras tjänst. Tredjeparts CDN-leverantör erbjuder ofta gratis och premium planer beroende på dataanvändning.

Steg 2

Du aktiverar ditt CDN på din webbplats. Kinsta CDN aktiveras med endast ett knapptryck i din MyKinsta instrumentbräda. Du kan installera ett gratis plugin så som CDN Enabler eller WP Rocket för att integrera det med ett tredjeparts CDN.

Dessa plugin länkar automatiskt dina tillgångar till CDNet. Du behöver inte göra något jobb för att få ditt innehåll till ditt CDN. Att fixa ett CDN är mycket enklare än det brukade vara.

Steg 3

När människor besöker din webbplats så laddar den din WordPress webbplats innehåll från olika servrar runt om i världen. Besökare i Europa får din webbplats innehåll från en server i Europa, medans besökare i USA får samma innehåll från en server som befinner sig närmre dem i USA.

Hur Uppnår CDNs detta?

CDNs använder oftast två teknologier för att leda användare till rätt plats: IP Anycast + geolocation routing. De kan automatiskt hitta vart användarförfrågningar kommer från och leda förfrågningarna till den närmsta servern.

Dock är det fortfarande viktigt att välja en strategisk serverplats för din WordPress host. Även fast ett CDN hjälper till att distribuera din media och ditt innehåll, så måste fortfarande en förfrågan skickas till din hostingleverantör när din webbplats laddar – så länge du inte använder cachelagring av hela webbplatsen på en proxy server, vilket vi kommer att prata mer om längre fram i denna artikel.

Kinsta har nu 36 datacenter platser där du kan hosta din WordPress webbplats.

Fördelar Med CDN

Här är några av de fördelar du kan ta del av genom att använda ett CDN på din WordPress webbplats.

1. Prestandaboost

En ökning i prestanda är en av de största anledningarna till att använda ett CDN. Det har bevisats flertal gånger att en webbplats som laddar snabbare korrelerar med högre konvertering frekvenser, minskade bounce rates och längre genomsnittlig besökningslängd – dessutom en bättre användarupplevelse.

När var det sist som du klickade tillbaks i din webbläsare för att webbplatsen tog för långt tid att ladda? Detta är det sista som ägare av webbplatser vill ska hända. Men lyssna inte bara på oss. Här är lite statistik från industriledare om betydelsen av en webbplats prestanda:

  • En 1-sekunds delay i en webbplats respons kan resultera i en 7% minskning i konverteringar (Källa: Kissmetrics)
  • BBC har sett att 10% av användare lämnar deras webbplats för varje extra sekund det tar för sidan att ladda. (Källa: Creative Bloq)
  • Konverteringsfrekvenser minskar med så mycket som 20% för varje sekunds delay i laddningstider. (Källa: ThinkWithGoogle)
  • Pinterest ökade antalet registreringar med 15% efter att ha minskat sin webbplats laddtider med nästan 40%. (Källa: Pinterest Engineering on Medium).

Här är några sätt som CDN kan hjälpa till med att öka prestandan av din WordPress-webbplats.

Minskar TTFB

Vi har redan ovan berättat om att ett WordPress CDN kan hjälpa till att minska latens genom att minska det fysiska avståndet som data behöver resa. Men det kan också hjälpa dig minska din time to first byte (TTFB).

Detta mäter hur länge webbläsaren väntar innan den tar emot sin första byte av data från servern. Desto längre det tar att få den datan, desto längre tar det att visa din webbplats.

Ett CDN kan hjälpa att minska TTFB
Ett CDN kan hjälpa att minska TTFB

Ett vanligt missförstånd är att TTFB räknas ut efter DNS lookup tider. Den vanliga uträkningen av TTFB i networking inkluderar dock alltid nätverkslatens. Detta involverar en process i tre steg, så fördröjningar och latens kan uppstå vart som helst i mellan, vilket läggs till i ditt totala TTFB.

Högt TTFB kan orsakas av flera anledningar, så som dålig kodning eller felkonfigurerad caching på din host server. Men geografiskt avstånd är också ett problem.

Vi körde två tester för att visa skillnaden i TTFB med och utan Kinsta CDN (drivs av av Cloudflare). Vi körde varje test 5 gånger och tog sedan genomsnittet.

Test 1: TTFB Utan CDN

Vi körde först ett Pingdom test med Kinsta CDN avstängt. Här är resultaten:

  • Den totala laddningstiden var 1.45 s
  • Genomsnittligt TTFB var runt 136 ms
TTFB innan man lagt till ett CDN
TTFB innan man lagt till ett CDN

Test 2: TTFB Med CDN

Sedan aktiverade vi Kinsta CDN och körde testet igen:

  • Totala laddningstider gick ner till 788 ms
  • Genomsnittlig TTFB förbättrades till 37 ms

Vilken skillnad CDN kan göra!

En till viktig sak att notera är att vi valde Stockholm som plats för att göra detta test. Varför? Eftersom vi ville visa dig den riktiga förbättringen som kan ske genom att minska det fysiska avståndet. Det finns en CDN POP i Stockholm, så vårt innehåll levereras från Stockholm.

TTFB efter att man aktiverat CDN
TTFB efter att man aktiverat CDN

Snabbare Leverans Med Caching

Likt hur du använder caching med din WordPress host eller med ett plugin så använder CDNs också caching. Detta är ett av sätten de kan leverera filer snabbt på.

Viktigt: När ett CDN får en kopia av din media så måste det oftast ha blivit efterfrågat av en kund en eller två gånger innan det kan cachas på CDNet. Ett CDN placerar en HTTP rubrik på förfrågningarna som kallas “X-Cache”. Filen dyker ofta upp som en MISS under den första eller andra förfrågningen, vilket betyder att den inte ännu är cachad.

CDN inte cachad (MISS)
CDN inte cachad (MISS)

Vid påföljande förfrågningar så dyker det upp som en HIT, vilket nu blir cachat på ditt CDN. Det kommer att hålla sig cachat baserat på olika faktorer så som ETag, rubriker, expires headers eller manuella rensningar av din CDN cache.

CDN cachad (HIT)
CDN cachad (HIT)

När du använder ett CDN så som Kinsta CDN (Drivet av Cloudflare) så kan du ta caching till nästa nivå genom att ta del av vad som kallas full-page, reverse proxy caching. Detta innebär att man cachar allting på en primär URL istället för att använda en sekundär domän.

Spara Stort med GZIP Komprimering

WordPress CDNs använder också GZIP, ett filformat och mjukvaruapplikation som används för filkomprimering och dekomprimering. GZIP komprimering aktiveras server-sida (eller på CDN server/POP) och minskar storleken av din HTML samt dina stylesheets och JavaScript filer.

Det kommer inte funka på bilder eftersom de redan är komprimerade på ett annorlunda sätt. Vissa har sett upp till 70% reduktioner på grund av komprimering. Det är dock en av de enklaste optimeringar du kan göra. Och oroa dig inte, alla trovärdiga CDNs har redan detta påslaget per automatik.

HTTP/2

HTTP/2 är också en av de toppfunktioner som alla CDNs använder för att skynda på leveransen av tillgångar. Prestandaökningen beror på olika anledningar, så som att protokollet kan stödja bättre multiplexingering, parallelitet, HPACK komprimering med Huffman kodning och ALPN förlängning samt server push.

2. Lägre Bandbreddskostnader

En till fördel med ett CDN är att det kan hjälpa till att avlasta CPU och resurser från din hosting server (origin server). Detta hjälper till med att:

  • Motverka trafikstopp från att överväldiga din host
  • Minska dina totala bandbreddskostnader
  • Eliminera fluktuationer i bandbreddskostnader på grund av flyktig trafik

Det sista du vill är att någonting ska gå viralt och att du blir lämnad med en dyr räkning från din host.

Ett till sätt som ett CDN hjälper till att minska kostnader på är genom att ge enkla sätt att aktivera hotlink protection. Detta refererar till att begränsa HTTP-hänvisare och förebygga andra från att bädda in dina tillgångar (bilder – vi har en guide om hur du skyddar dina bilder) på andra webbplatser.

Vissa av er kanske har hört om Huffington Post fiaskot. En skribent på Huffington Post kopierade och klistrade in bilder från Oatmeals webbplats, vilket ledde till att en räkning på $1,000 från AWS skickades från Oatmeals webbplats ägare. Ägaren av Oatmeal valde att byta ut bilderna så att Huffington Posts läsare kunde se dem.

Hotlink Skydd
Hotlink Skydd

Detta är varför det alltid är viktigt att aktivera hotlink skydd. Annars så kanske åker på en orimlig räkning.

3. Hög Tillgänglighet och Skalbarhet

CDNs erbjuder hög tillgänglighet och skalbarhet. Eftersom det replikerade innehållet är tillgängligt från flera POPs på flera olika geografiska platser så routas webbtrafik dynamiskt till en annan server om en går ner. Och det finns ingen anledning till att oroa sig över skalbarhet eftersom CDN-leverantörer är byggda med det i åtanke. Ett CDN kan förhindra din webbplats från att krascha om du använder en mindre shared host leverantör eftersom det hanterar den större delen av lasten.

4. SEO fördelar

Google gjorde webbplatshastighet en rangordnade faktor år 2010, så det är ingen hemlighet att en snabbare webbplats kan resultera i högre rangordning. Även fast det inte går att veta hur mycket vikt som läggs på hastighet, så är det säkert att anta att det är en av de viktigaste faktorerna då det påverkar användarerfarenheter.

Brian Dean analyserade de top 1 miljoner domänerna för att se på förhållandet mellan webbplatshastighet och Google rankings och hittade en positiv korrelation. Dessa test är nästan omöjliga att bevisa, men du kan försäkra dig om att en snabbare webbplats kommer att hjälpa dig inom Google. För att beskriva det på ett enkelt sätt så kan vi konstatera följande – Google belönar snabba webbplatser.

Webbplatshastighet - Google rankings
Webbplatshastighet – Google rankings

Utöver hastigheten av din webbplats sidor så hjälper CDN också till med att öka din medias crawl-frekvens.

5. Ytterligare Säkerhet

Många CDNs ger ytterligare säkerhet genom att låta dig implementera webbapplikations-brandväggar (WAF) och vad som många kallar för Origin shields. Dessa kan hjälpa till med att:

  • Mildra DDoS attacker av alla former och storlekar, inkluderat de som riktas mot UDP och ICMP protokoll
  • Blockera SYN/ACK, DNS förstärkning och Layer 7 attacker
  • Sätta din webbplats bakom en proxy, vilket döljer din ursprungliga IP adress, dock så är det ej helt vattentätt

Kolla in vår fallstudie om hur man stoppar en DDoS attack. Vi hade en klient med en liten ecommerce webbplats som körde Easy Digital Downloads, vilket fick över 5 miljoner förfrågningar till en enskild sida inom 7 dagar.

Webbplatsen genererade oftast bara mellan 30-40 MB om dagen i bandbredd och några hundra besökare per dag. Men webbplatsen gick direkt till mellan 15-19 GB av dataöverföring per dag, helt från ingenstans! Det är en ökning på 4650%. Och Google Analytics visade ingen ytterligare trafik. Det är inte ett bra tecken.

DDoS attack
DDoS attack

Klienten implementerade Sucuris webbapplikations-brandvägg på deras webbplats, och all bandbredd och alla förfrågningar gick direkt nedåt på webbplatsen (som syns nedan), och det har inte varit några problem sen dess. Så en webbapplikations-brandvägg är en bra investering och en tidssparare om du skulle stöta på problem som dessa.

CDN ger även ytterligare säkerhetsfunktioner så som secure tokens, vilket låter dig generera säkrade länkar med en utgångstid. Efter att denna länk har gått ut så kan inte användare längre komma åt innehållet.

Hastighetstest: Med CDN vs Utan CDN

Istället för att visa dig fördelarna med ett WordPress CDN, låt oss göra några tester för att visa dig resultaten.

  • Vi körde 5 tester från 4 olika testplatser med ett CDN aktiverat och sedan ett utan ett CDN.
  • Webbplatsen är hostad med Kinsta och använder gratis Kinsta CDN (Drivet av Cloudflare).
  • Den fysiska platsen som servern befinner sig på är i Iowa, USA.

Viktigt: När du hastighetstestar ditt CDN så kör du det några gånger så att median cachas. Som vi beskrev innan angående CDN caching, X-Cache HTTP rubriken kommer att visa en “HIT” när den är cachad. Om den inte är cachad så kommer den visa en “MISS”. Om du inte gör detta korrekt så kan det se ut som att ditt CDN inte hjälper till med att öka din webbplats hastighetet, i själva verket så är alltså problemet att du inte byggt upp din cache först.

Utan CDN (Dallas, Texas, USA)

Vi körde först 5 pingdom tester där vi använde en server i Dallas utan ett CDN. Sedan tog vi fram genomsnittet.

Utan CDN test med Dallas Server. (Källa: Pingdom)
Utan CDN test med Dallas Server. (Källa: Pingdom)

Utan CDN (Melbourne, Australien)

Vi körde sedan 5 Pingdom test där vi använde en server i Melbourne, Australien utan ett CDN. Här tog vi också fram genomsnittet.

Utan CDN test med en server i Australien (Källa: Pingdom)
Utan CDN test med en server i Australien (Källa: Pingdom)

Utan CDN (San Jose, Kalifornien, USA)

Vi körde sedan 5 Pingdom test utan ett CDN från San Jose, California, och tog fram genomsnittet.

Utan CDN test från en server i San Jose (Källa: Pingdom)
Utan CDN test från en server i San Jose (Källa: Pingdom)

Utan CDN (Stockholm, Sverige)

Vi körde 5 Pingdom test utan ett CDN från Stockholm, Sverige, och tog fram genomsnittet.

Utan CDN test från en server i Sverige (Källa: Pingdom)
Utan CDN test från en server i Sverige (Källa: Pingdom)

Med CDN (Dallas, Texas, USA)

För jämförelse så körde vi 5 pingdom test med Kinsta CDN aktivt från en server i Dallas, Texas. Efteråt så tog vi fram genomsnittet.

Test med Kinsta CDN på en server i Dallas (Källa: Pingdom)
Test med Kinsta CDN på en server i Dallas (Källa: Pingdom)

Med CDN (Melbourne, Australien)

Vi körde 5 Pingdom test med Kinsta CDN från en server i Melbourne, Australien, sedan tog vi fram genomsnittet.

Test med CDN aktivt, Australien (source: Pingdom)
Test med CDN aktivt, Australien (source: Pingdom)

Med CDN (San Jose, Kalifornien, USA)

Vi körde också 5 Pingdom test med ett CDN där vi använde en server i San Jose, Kalifornien, sedan tog vi fram genomsnittet.

Test med CDN aktivt med en San Jose sever (Källa: Pingdom)
Test med CDN aktivt med en San Jose sever (Källa: Pingdom)

Med CDN (Stockholm, Sverige)

Vi körde 5 pingdom test för en Stockholm sever med ett aktivt CDN. Sedan togs genomsnittet fram.

Test med CDN aktivt med en server i Sverige (Källa: Pingdom)
Test med CDN aktivt med en server i Sverige (Källa: Pingdom)

Resultaten

Låt oss ta en titt på resultaten för att få en bra förståelse av hur mycket ett CDN påverkar totala laddningstider.

CDN hastighetstest jämförelser
CDN hastighetstest jämförelser
  • Dallas, Texas, USA: Laddningstider minskade med totalt 8.11% med ett CDN.
  • San Jose, Kalifornien, USA: Laddningstid minskade med totalt 33.02% med ett CDN.
  • Melbourne, Australien: Laddningstider minskade med totalt 54.19% med ett CDN.
  • Stockholm, Sverige: Laddningstider minskade med totalt 54.7% med ett CDN.

CDNet producerade lite snabbare laddningstider med webbplatser från både Dallas och San Jose. Men om du kollar på Australien-testerna så kan du se en gigantisk skillnad i laddningstider. Detta beror på den geografiska platsen som testservrarna befinner sig på.

Kenzas testserver är i Iowa, så datan har inte så långt att resa när man laddar utan ett CDN från Dallas och San Jose. Men för Australien så är det avståndet som dödar laddningstiderna.

När vi aktiverar CDNet så laddas innehållet och median från en Kinsta CDN POP i Sydney, Australien, vilket resulterar i mycket snabbare nedladdningstider. Det samma gäller för Stockholm, sverige.

Så, vill du inte minska dina laddningstider med upp till 50%? Svaret borde vara ja!

Behöver du ett CDN?

Vi får denna fråga ofta. Enligt vår erfarenhet så bör det inte vara en fråga alls eftersom CDN är viktigt i nästan varje scenario, oavsett hur stor webbplats du har eller hur mycket trafik den upplever.

Kolla bara på alla fördelar som vi räknade upp ovan. Pris är oftast inte en faktor eftersom de flesta CDN-leverantörer har väldigt billiga priser, eller så kan du få det gratis med Kinsta CDN. Dessutom hjälper CDNs till med att med att förbättra SEO, webbplatsladdning, användarupplevelser, och mycket mer!

Den enda gången du kanske vill göra ytterligare tester är om du endast levererar ditt innehåll till besökare på en specifik geografisk plats.

Låt oss säga att du till exempel driver en liten butik i Ontario, Kanada samt har en webbplats till den. Kanske bryr du dig då inte så mycket om kunder som befinner sig på andra platser. Då vill du ta reda på vart din CDN-leverantörs POPs ligger.

Om din webb server-host ligger i Ontario, men du skriver upp dig för en leverantör vars närmsta POP är i USA så kan det göra din webbplats segare. I detta scenario, som förvisso är väldigt sällsynt, så kanske det inte är en fördel att använda ett CDN.

Populära CDN leverantörer

Det finns många fantastiska CDN-leverantörer där ute, men Kinsta erbjuder ett CDN inbyggt i sin hosting; det är drivet av Cloudflare, snabbt, enkelt att aktivera och helt gratis för Kenzas användare. Vi rekommenderar att du tar fördel av denna Cloudflare integration som är helt gratis. Med de sagt, vi förstår att vissa webbplatsanvändare kräver en extern CDN eller proxy av specifika anledningar.

I detta fallet så uppmanar vi dig till att ta en titt på några andra topp-CDNs. Alla som räknats upp är kompatibla med Kinsta hosting (klicka på respektive länk för att se Kinstas integrerings-dokumentation för just det CDNet):

Hur man installerar ett CDN i WordPress

Varje CDN-leverantörer har sin egna integreringsmetod, men som tur är så stödjer de alla WordPress och gör det enkelt att integrera. Kolla deras dokumentering eller fråga deras support-team om du stöter på problem.

Kinsta CDN

Vi samarbetade med Cloudflare, ett HTTP/2 och IPv6-aktiverat nätverk för innehållsleverans med 200+ platser, för att turboladda dina tillgångar och din media runt om i världen. Nuvarande betjänade regioner inkluderar Amerika, Sydamerika, Europa, Afrika, Asien och Australien.

Kinsta CDN
Kinsta CDN

Kolla in hur man aktiverar Kinsta CDN. Det är en enkel en-klicks process från MyKinstas backend instrumentbräda.

Aktivera Kinsta’s CDN i MyKinsta.
Aktivera Kinsta’s CDN i MyKinsta.

Vi har också fantastiska webbplatsanalys för att se bandbreddsanvändning, toppfiler enligt förfrågningar, HTTP statuskoder, med mera.

I MyKinsta-instrumentpanelen så kan du se analyser på företagsnivå (samla data från alla dina webbplatser) och på en webbplatsspecifik nivå.

Analytics på företagsnivå i MyKinsta.
Analytics på företagsnivå i MyKinsta.
Analytics på webbplatsnivå i MyKinsta.
Analytics på webbplatsnivå i MyKinsta.

Cloudflare

Om du använder, eller är intresserad av, Cloudflare för en webbplats som ej hostas på Kinsta så har vi en djupgående guide om hur man installerar Cloudflare på din WordPress webbplats.

Håll dock i åtanke att alla som använder Kinsta hosting får ett gratis CDN som är drivet av Cloudflare, så det är enklare att köra på denna metoden istället för att installera en separat komponent.

Som en del av vår Cloudflare-integrering så sparar Edge Caching din Kinsta-webbplats/sido-cache till något av Cloudflare’s globala nätverk av 260+ datacenter.

Edge Caching ingår kostnadsfritt i alla Kinsta-planer, kräver inte ett separat plugin och minskar tiden som behövs för att servera cachelagrad WordPress HTML med i genomsnitt mer än 50%!

Tredjeparts CDN

Om du letar efter att utplacera ett CDN själv så rekommenderar vi att du använder en underdomän för din media och dina tillgångar istället för leverantörens slumpmässiga URL.

Exempel: cdn.dindomän.com

Detta kommer att ge din webbplats ett bättre varumärke samt mindre problem när det kommer till indexering.

Bästa CDN Plugins och Tillägg

top CDN plugins

Dessa CDN plugins aktiverar inte automatiskt ett CDN på din WordPress webbplats, men kopplar istället en tredjeparts CDN-leverantör (så som Cloudflare, Fastly eller Sucuri) till din WordPress webbplats, vilket låter CDNet komma åt webbplatsens tillgångar och levererar det till besökare.

Generellt så gör de bästa WordPress CDN pluginsen anslutningen enklare för dig och levererar en en-klicks lösning istället för en komplicerad integrering.

Här är de bästa WordPress CDN plugins:

  • Cloudflare: Detta är rätt val om du använder Cloudflare som din CDN-leverantör, speciellt eftersom det erbjuder en en-klicks installation, en webbapplikation brandvänggsinställning och ett automatisk plattforms optimeringsverktyg, vilket gör din webbplats snabbare med över 250 snabba och pålitliga datacenter. Alternativt så kan du använda Kinsta CDN som redan är drivet av Cloudflare och som ej kräver ett extra plugin!
  • Bunny.net: Både en CDN-leverantör och ett WordPress CDN plugin, Bunny.net erbjuder en snabb integrering för att byta ut länkar och lägga till dem till ditt CDN. Du får snabba prestandaökningar med automatiserad HTTPS konfigurering, anpassningsbara CDN hostnamn och förmågan att exkludera specifika kataloger från att serveras genom ditt CDN.
  • LiteSpeed Cache: Innan vi fortsätter så måste vi nämna att detta är ett caching plugin. Men det kommer också med en gratis QUIC.cloud CDN cache eller så kan du länka till vilken CDN-leverantör som helst. Du kan förbättra din webbplats prestanda med många funktioner såsom minifiering, bildoptimering och lat laddning.
  • W3 Total Cache: Många caching plugins är också CDN WordPress plugins och W3 Total Cache är inte annorlunda. Integrera med några av de populäraste CDN-leverantörerna för att genast boosta din webbplats prestanda utan några komplicerade inställningar. Detta skickar element såsom medieinnehåll och temafiler till CDNet medans det och cachar och komprimerar dessa filer innan de ska användas inom CDNet.
  • CDN Enabler: Detta plugin skriver om alla dina URLs så att alla tillgångar serveras från ditt externa CDN. Du kan länka till ett Key CDN konto och ta fördel av cache rensning, prestandaförbättringar med mera.

Indexera bilder med CDN

Du vill se till så att Google fortfarande indexer dina bilder när du flyttar till ett CDN.

För användare av Yoast SEO plugin, så vill du lägga till följande kod till botten av din functions.php fil. Byt ut domänen och CDN domänen med din egna.

function wpseo_cdn_filter( $uri ) {

return str_replace( 'http://yourdomain.com', 'http://cdn.yourdomain.com', $uri );

}

add_filter( 'wpseo_xml_sitemap_img_src', 'wpseo_cdn_filter' );

Om du ej gör detta så kan det resultera i att dina bilder blir de-indexerade (som kan ses nedan). Du kan alltid kolla in detta själv i Google Search Console.

Bilder som ej indexeras
Bilder som ej indexeras

Dock så har Google Bildsök problem och misslyckas ibland med att rapportera indexerade bilder när de dyker upp på Google. Ett bra sätt att kolla om dina bilder har indexerats är genom att gå in på Google Image Search och skriva in följande: “webbplats:https://dindomän.com.”

Kolla indexering i Google Bildsök
Kolla indexering i Google Bildsök

Viktigt: Skriv inte in ditt CDN URL. Även fast dina bilder serveras från ditt CDN så bör dem fortfarande indexeras på din root domän.

Om dina bilder dyker upp i Google Bildsök så är dem indexerade.

Sammanfattning

Nu kan du se alla de fantastiska fördelarna av att använda ett WordPress CDN. Det kommer se till så att din media laddar snabbare runt om i världen, minskar din TTFT och minskar drastiskt dina bandbreddskostnader och din serverlast.

Inte bara det, men du kan också se högre rangordningar på grund av snabbare laddningstider. Och viktigast av allt, dina besökare kommer att ha en mycket mer fantastisk användarupplevelse.

Vår HTTP/2 Kinsta CDN driver alla våra hostingplaner. Funderar du på att börja använda ett CDN? Vi hör gärna om dina tankar i kommentarsfältet.

Salman Ravoof

Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.