De ideala W3 totala cacheinställningarna med Cloudflare + StackPath CDN: Steg-för-steg-instruktioner, uppdaterad 2019 med version 0.9.7.4

03.06.2020
Cache Plugins 'De ideala W3 totala cacheinställningarna med Cloudflare + StackPath CDN: Steg-för-steg-instruktioner, uppdaterad 2019 med version 0.9.7.4
0 15 мин.

Om du går den fria rutten, W3 Total Cache är ett fast cache-plugin.


Jag testade W3 Total Cache med CloudFlare och StackPath CDN (som integreras med W3 Total Cache) tillsammans med SiteGround-värd som blev rankad som nr 1 i 20+ Facebook-omröstningar. Detta fick mig .5s GTmetrix-laddningstider – klicka igenom mina sidor om du vill se hur snabbt de laddas.

SiteGround + W3 Total Cache + Cloudflare-kombinationen är legitim.

Många W3 Total Cache-inställningar är förinställda (visas på installationsfliken), men inte alla. Jag kommer att leda dig genom prestanda flikar hjälper dig då att installera Cloudflare (gratis) och StackPath (kommer med gratis 30-dagars provperiod, sedan $ 10 / månad). Jag rekommenderar att du använder båda eftersom var och en lägger till fler datacenter, vilket ytterligare minskar geografiskt avstånd mellan din server och besökare. Men om du bestämmer dig för snabbare hosting eller StackPaths CDN är värd fortfarande det # 1 hastighetsfaktor.

w3-total-cache-prestanda-tab-settings

2019-GTmetrix-Report

Ladda ner mina rekommenderade W3 Total Cache-inställningar här (du behöver ett Dropbox-konto). Ladda upp under Prestanda → Allmänna inställningar → Importera / exportera inställningar. Kontrollera din webbplats för att se till att allt är i orden. Du måste fortfarande konfigurera CloudFlare, StackPath, aktivera specifika tillägg du använder, lägg till webbplatskartan (under sidcache) och aktivera / inaktivera SSL-inställningar beroende på om du använder SSL. Denna fil uppdaterades 18 mars 2019.

1. Allmänna inställningar

W3-Total-Cache-general-inställningar

StackPath – registrera dig för en kostnadsfri 30-dagars rättegång (vanligtvis $ 10 / månad) och gå sedan till min StackPath-konfigurationsavsnittet. Detta är rekommenderad i den officiella WordPress-optimeringsguiden och StackPath har 34 datacenter som avsevärt minskar avståndet mellan din server / besökare.

Användning-a-innehålls Delivery-Network-CDN

StackPath-data-Centers

Google PageSpeed ​​Insights – anslut detta till W3 Total Cache för att få rekommendationer, men jag föredrar starkt Pingdom och GTmetrix över PageSpeed ​​Insights eftersom de är mer exakta (WP Rocket säger detta också). Så här ser det ut på din “Dashboard” -flik för W3 Total Cache när du har lagt till en API (instruktioner finns i din W3 Total Cache-instrumentbräda).

google-page-speed-wordpress-instrumentpanel

2. Sidcache

w3-total-cache-sida-cache-inställningar

Möjliggör kompatibilitetsläge rekommenderas starkt av plugin-utvecklare (finns på installationsfliken) och även om det kan minska prestandan något, är det mycket mindre troligt att det finns problem med din webbplats. Han säger att detta ”optimerar driftskompatibiliteten för caching; avvägningen är att skivförbättrad sidcache-prestanda under belastningstester kommer att minska med ~ 20% i skala. ”

3. Förminska inställningarna

Plugin-utvecklaren säger de rekommenderade inställningarna för minifiering, databas och objektcache är förinställda. Du hittar detta på installationsfliken. Kom ihåg att om du använder Cloudflare kommer det att ta hand om minify för dig, så se till att minify är avstängt på fliken Allmänna inställningar.

W3-Total-Cache-Install-Tab

4. Databascache

  • Lämna som det är (rekommenderas av utvecklaren).

5. Objektcache

  • Lämna som det är (rekommenderas av utvecklaren).

6. Webbläsarcache

W3-Total-Cache-browser-cache-inställningar

Lämna allt annat inklusive ‘löper ut livstid på huvudet’ som utvecklaren säger är förinställd.

7. CDN

StackPath speglar dina webbplatsfiler på 34 datacenter runt om i världen vilket minskar geografiskt avstånd mellan din server och besökare. Fler datacentra = snabbare leverans av ditt innehåll, varför flera CDN: er kan ge ännu bättre resultat. StackPath är speciellt bra för att förbättra objekt som minska HTTP-förfrågningar, använda ett innehållsleveransnätverk, minska DNS-sökningar, minska cookie-storlek, cookie-fria domäner och andra artiklar i hastighetstestverktyg.

StackPath-data-Centers

Hur man ställer in StackPath med W3 Total Cache
Steg 1: Registrera dig för en 30-dagars rättegång och använd sedan stegen nedan. (StackPath har också en handledning).

Steg 2: Klicka på CDN-fliken i StackPath-instrumentpanelen och skapa en StackPath CDN-webbplats.

StackPath-CDN-Tab

StackPath-CDN-Domain

StackPath-server-IP-adress

Kopiera serverns IP-adress som den behövs i steg 6 i det här avsnittet.

W3-Total-Cache-StackPath-CDN-URL

Steg 3: Gå till W3 Total Cache Fliken Allmänna inställningar och aktivera StackPath:

W3-Total-Cache-StackPath_Setting

Steg 4: Gå till W3TC CDN-flik och klistra in din StackPath CDN URL under Konfigurationsobjekt → Ersätt webbplatsens värdnamn med. Klicka på “Test Mirror” och se till att W3 Total Cache upptäcker ditt CDN. Konfigurera resten av W3TC CDN-inställningarna från min skärmdump.

W3-Total-Cache-CDN-inställningar

Steg 5: Gå till CDN → Cache-inställningar i StackPath och klicka sedan på Rensa allt:

StackPath-Purge-Cache

Steg 6: W3 Total Cache listar serverns IP-adress högst upp i inställningarna med en meddelanderuta (nedan). Om det inte gör det kan du också hitta det i ditt värdkonto eller i StackPath (steg 2). Sedan vitlista din server-IP-adress i StackPath (WAF → brandvägg).

StackPath-IP-vitlista

StackPath-vitlista-IP

Steg 7: Kör din webbplats i GTmetrix och “innehållsleveransnätverk” bör vara grönt i YSlow.

CDN GTmetrix YSlow

Helt klar!

Om du ser “cookie-free domains” i din Pingdom-rapport, du kanske vill kontakta StackPath-supporten för att se om de kommer att hjälpa till med detta – supporten är utmärkt och de kunde fixa det här för mig.

kaka-fri-domäner-maxcdn

Se till att kontakta StackPath-supporten eftersom de kunde justera mina inställningar för att ytterligare förbättra betyg. De har ett av de största supportteamen – jag skulle definitivt använda det.

CDN-pekare från plugin-utvecklaren (hittas i fliken Installera) – Om du inte använder Mediebiblioteket, importera dina bilder osv till standardplatserna. Använd Media Library Import Tool på fliken “CDN” för att göra detta. Om du inte har en CDN-leverantör kan du fortfarande förbättra webbplatsens prestanda med metoden “Självhost”. Skapa en underdomän och matchande DNS Zone-post på din egen server; t.ex. static.domain.com och konfigurera FTP-alternativ på fliken “Content Delivery Network”. Se till att FTP ladda upp lämpliga filer med hjälp av uppladdningsknapparna.

8. Fragmentcache

Du måste uppgradera till W3 Total Cache Pro för att använda fragmentcache (vilket kan göra din webbplats snabbare), men för att vara ärlig använder jag inte den … så jag kan inte säga om det är värt att uppgradera. Om du gör det har de rekommendationer på den sidan jag länkade till som hjälper till med fragmentcache och göra plugin medveten om att du grupperar transienter. Du bör ha lite kodupplevelse.

9. Förlängningar

W3-Total-Cache-tillägg

CloudFlare – aktivera och se steg 10.

Genesis Framework – om du använder Genesis Framework kan du klicka på knappen “uppgradering” i W3TC för att köpa W3 Total Cache Pro för $ 99 / år. Detta möjliggör ytterligare hastighetsfunktioner som fragmentcache och Genesis Framework-förlängningen som kan förbättra webbplatsens hastighet. När det har köpts bör det säga “plugin är aktiverat i community-läge.” Alternativt skickas din licensnyckel till dig via e-post som du kan ange på fliken Allmänna inställningar.

WordPress SEO av Yoast – aktivera om du använder Yoast (ps. Min Yoast handledning är lika bra som det här).

10. Cloudflare

Steg 1: Registrera dig gratis Cloudflare-konto vilket lägger till 200+ fler datacenter till din CDN-konfiguration utöver StackPath. Kom ihåg att fler datacenter = snabbare leverans av innehåll.

Steg 2: Du blir ombedd att lägga till din webbplats och börja en skanning:

CloudFlare-börja-scan

Steg 3: Välj gratisplan, så kommer du så småningom till den här sidan:

CloudFlare-Dashboard-W3-Total-Cache

3. Gör en Google-sökning efter “hur man ändrar namnservrar på SiteGround” (sök bara efter din värd) och följ sedan instruktionerna. Du kommer sannolikt att kopiera Cloudflares namnservrar och klistra in dem i ett anpassat namnserversalternativ i din värd cPanel (skärmdump nedan är för SiteGround). Gå sedan tillbaka till Cloudflare och klicka på “Jag har lagt till alla saknade poster, fortsätt.” Du kan också använda whois.net för att dubbelkontrollera att dina namnservrar har ändrats.

Siteground-DNS-Records

Steg 4: På fliken W3 Total Cache “Extensions” aktiverar du Cloudeflare och klickar på Inställningar:

w3-total-cache-CloudFlare-aktivering

Konfigurera dessa Cloudflare-inställningar:

W3-Total-Cache-Cloureflare-inställningar

Caching-nivåer – Jag använder det aggressiva cache-nivå som inkluderar frågesträngar.

Hotlink-skydd – förhindrar skräppostsidor från att värda dina bilder på deras webbplats (suga upp din bandbredd) vilket kan orsaka CPU-överskott hos ditt webbhotell. Detta var ett stort problem för mig och jag föreslår övervakning länkar till din webbplats i Google Search Console för att se till att det inte finns någon skräp med skräppostsidor som gör detta. Hotlink-skydd förhindrar detta.

Steg 5: Logga in på Cloudflare och gå till din hastighetsinställningar. Aktivera alla automatiskt minifiera inställningar, Rocket Loader, railgun, accelererade mobillänkar, och helt enkelt kopiera samma inställningar som jag använder.

CloudFlare-Speed-Tab

Steg 6: Gå till din sida regler inställningar. Det finns två sidregler som jag rekommenderar att du skapar som inte cachar din WordPress-admin eller förhandsgranskningssidor – det är detta Cloudflare rekommenderar.

CloudFlare-page-Regel-WP-Admin

CloudFlare-page-Regel-WP-preview

När du är klar med att konfigurera W3 Total Cache, StackPath och Cloudflare, rensa alla cacheminne i W3 Total Cache (Nedan). Om du inte ser detta kan det finnas ett “tomt alla cacheminne” -alternativ på instrumentpanelen. Testa sedan din webbplats igen i Pingdom. Det kan ta upp till 24 timmar innan Cloudflare-namnservrar sprids, men du bör få ett bekräftelsemeddelande när det är klart.

Purge-Cache-W3-Total-Cache

11. Vanliga W3TC-problem

Problem med webbplatsformatering – inaktivera alternativet “minifiera” på fliken Allmänna inställningar.

Långsam WordPress-instrumentbräda – inaktivera “objektcache” på fliken W3TC Allmänna inställningar, ställ in sidregler i Cloudflare och inaktivera sedan oanvända inställningar i WordPress-kärnan med hjälp av WP Avaktivera plugin. Du bör också undvika långsam laddning plugins konsumerar hög CPU (se fullständig handledning).

Långsammare belastningstider än tidigare – inaktivera “objektcache” eller vänta 72 timmar för att spridas.

Kraschad webbplats: öppna wp-config och ta bort dessa rader:

/ ** Aktivera W3 Total Cache * /
definiera (‘WP_CACHE’, sant); // Tillagd av W3 Total Cache

Öppna .htaccess och ta bort alla rader mellan och inklusive:

# BEGIN W3TC …
# END W3TC

Ta sedan bort: advanced-cache.php, objectcache.php och db.php från wp-content. Radera också w3-total-cache-mappen i wp-content / plugins.

12. SiteGround (nr 1 värd i Facebook-undersökningar)

Siteground är används av Yoast, själv, och rekommenderas av WordPress. De är nr 1 i nästan alla Facebook-undersökning och ge de flesta betydande förbättringar av lasttid särskilt om de använde mediokra värdar: GoDaddy, Bluehost, HostGator, InMotion, Dreamhost, EIG.

Yoast-on-Twitter-We-bara kopplade till Siteground

Jag använder deras semi-dedikerad GoGeek-plan som kommer med 4x mer serverresurser än delad värd. Klicka genom mina sidor för att se hur snabbt de laddas, kolla in min GTmetrix-rapport eller se personer som migrerade och publicerat nya belastningstider. Det gör de också gratis migrationer.

DigitalOcean på Cloudways och Kinsta är också bra och börjar på $ 10 / månad och $ 30 / month. Cloudways är mer för utvecklare som inte behöver cPanel, e-posthotell eller det stöd du får med SiteGround. Kinsta är egentligen vad WP Engine brukade vara (dyr, men fantastisk). Hela min blogg är i grund och botten dedikerad till att hjälpa människor att få sin webbplats att ladda snabbare. Jag vägrar att rekommendera $ 2 / månad värd eftersom det är de flesta största ånger när jag driver en webbplats.

Hur du kontrollerar om din hosting är långsam
Kör din webbplats igenom Google PageSpeed ​​Insights för att se om minska serverns svarstid finns i din rapport. Google rekommenderar det borde vara <200 ms. Allt över 1 sekund är inte bra. Du kan också kontrollera din TTFB (tid till första byte) på GTmetrix-fliken Timings eller bytecheck.com.

Minska responstiden för servern

2019 värdeförfrågan

2017-Wordpress-värd-FB-Poll

Rekommendationer för Elementor Hosting

Juli 2019 värdrekommendation

Wordpress-Host-Poll-Aug-2018

Delad hosting-Poll-2017

2019-värd-Poll

Go-To-Hosting-Company

Wordpress-värd-Poll-2017

Managed-Hosting-Poll

WooCommerce-Hosting-FB-Poll

2016-Web-Hosting-Poll

Bäst-Wordpress-värd-Provider-Poll

Bäst Webbhotell-2019-Poll

WP Friendly Hosting Poll

2016-Wordpress-värd-FB-Poll

Favorithotell för Elementor

Rekommendationer för värd för 2018

Managed-Wordpress-värd-Poll-2017

2019-Hosts-Poll-1

Värd-Poll-For-hastighet

Wordpress-värd-Poll-juni-1

Siteground-rekommendation

2014 förvaltade-Wordpress-värd-FB-Poll

Bäst Webbhotell-Provider-Poll

Värd-Poll-Feb-2019

Hosting-Rekommendationer-Poll

Bluehost vs SiteGround

Utvärdering av WordPress webbhotell

De rekommenderas av WordPress:

Siteground-Rekommenderat-Wordpress-värd

Glada kunder:

Godaddy till SiteGround Migration

EIG-To-Siteground

Siteground-Migration

SiteGround har 3 planer:

SiteGround WordPress Hosting

Högre planer inkluderar mer serverresurser (Faktor 1 i WordPress optimeringsguide). Här är komplett jämförelse diagram, men GrowBig ger dig cirka 2x fler serverresurser än StartUp, och GoGeek är det semi-dedikerad värd vilket ger dig ännu mer. GrowBig och uppåt har gratis migrering, iscensättning, avancerad caching och förmåga att vara värd för flera webbplatser. GoGeek kommer med prioriterat stöd. Deras molnvärd är ett prishopp på $ 80 / månad.

Du kan se detta på deras funktioner sida:

Siteground-serverresurser-Jämförelse

Människor migrerar vanligtvis eftersom deras hastighetsteknologi kan skära belastningstider i halva:

Byt till SiteGround

SiteGround Load Time Migration

Bluehost till SiteGround GTmetrix

HostGator till SiteGround

SiteGround GTmetrix

SiteGround Google PageSpeed ​​Insights

100 perfekt poäng på SiteGround

SiteGround Genesis

Hastighet levererad av SiteGround

SiteGround GTmetrix-rapport

Minskade belastningstider med SiteGround

Nya svarstider för SiteGround

HostGator till SiteGround-migrering

SiteGround-svarstider på Joomla

Bytta till SiteGround Hosting

SiteGround Rocket Imagify Combo

Joomla GTmetrix On SiteGround

SiteGround PageSpeed ​​Insights

SiteGround On Joomla

Minskade belastningstider för SiteGround

SiteGround Speedy Hosting

Nya Pingdom-resultat på SiteGround

Ny SiteGround-responstid

SiteGround-svarstidsförbättring

Få värd från SiteGround

13. 35+ WP-hastighetstips (Min fullständiga guide)

Se min video – Det är en 42 minuters video, men jag täcker stort sett allt (tidsstämplar i videobeskrivning) och du bör lära dig massor av bra information om WordPress-webbplatsens hastighet:

Servera skalade bilder – ändra storlek på stora bilder för att bli mindre. Pingdom berättar vilka bilder som behöver detta men bara för den enda sida du kör igenom. Börja med bilder som visas på flera sidor (logotyp, sidofält, fotfot) eftersom fixering av dessa minskar belastningstiderna för flera sidor. Pingdom berättar rätt dimensioner för varje bild, men det är en bra idé att ha ett fuskark med din skjutreglage, widget och andra områden så att du kan ändra storlek på bilderna innan du laddar upp.

Optimera bilder (Lossless Compression)Imagify är bäst för detta. Registrera dig och ta en API-nyckel och installera sedan deras plugin där du kan ange API: n. Gå sedan till Media → Bulkoptimering och börja komprimera alla bilder på din webbplats. Det finns en gratis månadskvot på 25MB per månad (eller $ 4,95 för 1 GB) men det är mycket bättre än andra gratis plugins. Från min erfarenhet måste du använda den “aggressiva” inställningen för att fixa dessa objekt i Pingdom.

Ange bilddimensioner – betyder att du måste ange en bredd / höjd i bildens HTML eller CSS. Du måste hitta bilden (med Pingdom), hitta den på din WordPress-webbplats och lägg sedan till en bredd / höjd som Pingdom kommer att berätta för dig. Vanligtvis för bilder utanför din visuella redaktör.

14. Anställ min WordPress Speed ​​Optimizer

Behöver du fortfarande hjälp med din GTmetrix-rapport? Jag har jobbat med Pronaya sedan 2011 (han är den som hjälpte mig att få en så fin poäng + belastningstider. Du kan anställa honom genom att skapa en profil på freelancer.com och söker efter användarnamn bdkamol (se hans portfölj). Han är 40 dollar per timme från Bangladesh (så det är en tidsändring) och hans e-post till honom är [email protected]. Han har en perfekt 5-stjärnig recension på sin profil. Allvarliga förfrågningar, och vänta inte 100% poäng om du använder långsam värd, plugins och tema. Följ först min WordPress-hastighetsguide.

Pronaya-Kumar-S-recensioner

Recensioner på hans profil:

BDkamol-Wordpress-Speed-recensioner

Vanliga frågor

&# X1f680; Är W3 Total Cache den bästa cache-plugin?

De flesta föredrar WP Rocket framför W3 Total Cache eftersom den har många funktioner som inte ingår i W3 Total Cache, och därför ger bättre resultat i GTmetix. Dessa funktioner inkluderar databasrensning, värdanalys lokalt, avancerad lat laddning av bilder + videor, hjärtslagskontroll och DNS-förhämtning. Det är också lättare att konfigurera.

&# X1f680; Ska jag använda ett CDN med W3 Total Cache?

Ja, prova Cloudflare gratis CDN och överväg flera CDN från StackPath eller KeyCDN om det är en större webbplats med en global publik. Cloudflare är dock bra för de flesta webbplatser.

&# X1f680; Vad händer om W3 Total Cache bryter min webbplats?

Minifierings- och kombinationsinställningarna i W3 Total Cache är vanligtvis de vanligaste sökandena för trasiga element när du använder W3 Total Cache. Testa var och en av dessa.

&# X1f680; Hur rensar jag cache när jag är klar?

Gå till Performance-inställningarna och klicka sedan på Purge Everything.

&# X1f680; Behöver jag andra speed plugins förutom W3 Total Cache?

Ja, jag rekommenderar att du installerar plugins för hjärtslagskontroll, databasrensning, bildoptimering och antingen Asset CleanUp eller Perfmatters för att selektivt inaktivera plugins.

Det är det! Jag vet att det kan bli lite tekniskt så om du har några frågor så släpp mig bara en rad i kommentarerna. Och om du gillade min självstudie, ge den en del. Jag skulle uppskatta det!

Skål,
Tom

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Понравилась статья?
    Комментарии (0)
    Комментариев нет, будьте первым кто его оставит

    Комментарии закрыты.

    Adblock
    detector