De ideale W3 Total Cache-instellingen met Cloudflare + StackPath CDN: stapsgewijze instructies, bijgewerkt 2019 met versie 0.9.7.4

Als je de gratis route volgt, W3 Totale cache is een solide cache-plug-in.


Ik heb W3 Total Cache getest met Cloudflare en StackPath CDN (die integreren met W3 Total Cache) in combinatie met SiteGround-hosting die werd beoordeeld als # 1 in 20+ Facebook-peilingen. Dit leverde me .5s GTmetrix laadtijden op – klik door mijn pagina’s als je wilt zien hoe snel ze laden.

De combinatie SiteGround + W3 Total Cache + Cloudflare is legitiem.

Veel W3 Total Cache-instellingen zijn vooraf ingesteld (weergegeven in het installatietabblad), maar niet allemaal. Ik leid je door de prestatietabbladen help dan bij het instellen van Cloudflare (gratis) en StackPath (wordt geleverd met gratis proefperiode van 30 dagen, daarna $ 10 / maand). Ik raad aan om beide te gebruiken, omdat elk meer datacenters toevoegt, waardoor de geografische afstand tussen uw server en bezoeker. Maar als u kiest tussen snellere hosting of StackPath’s CDN, is hosting nog steeds de # 1 snelheidsfactor.

w3-total-cache-performance-tab-instellingen

2019-GTmetrix-rapport

Download hier mijn aanbevolen W3 Total Cache-instellingen (je hebt een Dropbox-account nodig). Upload onder Prestaties → Algemene instellingen → Instellingen importeren / exporteren. Controleer uw site om er zeker van te zijn dat alles in orde is. U moet nog steeds configureren Cloudflare, StackPath, activeer specifieke extensies die u gebruikt, voeg uw sitemap-URL toe (onder Paginacache) en schakel SSL-instellingen in / uit, afhankelijk van of u SSL gebruikt. Dit bestand is bijgewerkt op 18 maart 2019.

1. Algemene instellingen

W3-Total-Cache-General-Settings

StackPath – meld u aan voor een gratis proefperiode van 30 dagen (normaal $ 10 / maand) en ga dan naar mijn Configuratiesectie StackPath. Dit is aanbevolen in de officiële WordPress-optimalisatiegids en StackPath heeft 34 datacenters die de afstand tussen uw server / bezoekers aanzienlijk verminderen.

Gebruik-a-content-Delivery-Network-CDN

StackPath-datacenters

Google PageSpeed ​​Insights – verbind dit met W3 Total Cache om aanbevelingen te krijgen, maar ik geef er sterk de voorkeur aan Pingdom en GTmetrix over- PageSpeed ​​Insights omdat ze nauwkeuriger zijn (WP Rocket zegt dit ook). Hier ziet u hoe het eruit ziet op uw W3 Total Cache ‘dashboard’-tabblad nadat u een heeft toegevoegd API (instructies staan ​​in uw W3 Total Cache-dashboard).

google-page-speed-wordpress-dashboard

2. Paginacache

w3-total-cache-page-cache-instellingen

Inschakelen compatibiliteitsmodus wordt sterk aanbevolen door de ontwikkelaar van plug-ins (te vinden op het tabblad Installatie) en hoewel het de prestaties enigszins kan verminderen, zijn er veel minder problemen met uw website. Hij zegt dat dit “de interoperabiliteit van caching optimaliseert; de wisselwerking is dat de schijf verbeterde paginacacheprestaties bij laadtests op schaal met ~ 20% zullen afnemen. ”

3. Instellingen verkleinen

De plug-inontwikkelaar zegt de aanbevolen instellingen voor verkleinen, database en objectcache zijn vooraf ingesteld. Je kunt dit vinden op het tabblad Installatie. Onthoud dat als u Cloudflare gebruikt, dit voor u zal zorgen voor minify, dus zorg ervoor dat minify is uitgeschakeld op het tabblad Algemene instellingen.

W3-Total-Cache-Install-Tab

4. Databasecache

  • Laat zoals het is (aanbevolen door de ontwikkelaar).

5. Objectcache

  • Laat zoals het is (aanbevolen door de ontwikkelaar).

6. Browser Cache

W3-Total-Cache-Browser-Cache-instellingen

Laat al het andere achter, inclusief ‘verloopt de levensduur van de koptekst’, die volgens de ontwikkelaar vooraf is ingesteld.

7. CDN

StackPath weerspiegelt uw websitebestanden in 34 datacenters over de hele wereld, waardoor het aantal geografische afstand tussen uw server en bezoeker. Meer datacenters = snellere levering van uw inhoud en daarom kunnen meerdere CDN’s nog betere resultaten opleveren. StackPath is met name goed voor het verbeteren van items zoals het verminderen van HTTP-verzoeken, het gebruik van een netwerk voor het leveren van inhoud, het verminderen van DNS-zoekopdrachten, het verkleinen van de cookiegrootte, cookievrije domeinen en andere items in tools voor het testen van snelheid.

StackPath-datacenters

Hoe StackPath in te stellen met W3 Total Cache
Stap 1: Meld u aan voor een proefperiode van 30 dagen en volg de onderstaande stappen. (StackPath heeft ook een tutorial).

Stap 2: Klik in het StackPath-dashboard op het tabblad CDN en maak een StackPath CDN-site.

StackPath-CDN-Tab

StackPath-CDN-domein

StackPath-server-IP-adres

Kopieer het IP-adres van uw server zoals nodig in stap 6 van deze sectie.

W3-Total-Cache-StackPath-CDN-URL

Stap 3: Ga naar de W3 Total Cache Tabblad Algemene instellingen en schakel StackPath in:

W3-Total-Cache-StackPath_Setting

Stap 4: Ga naar de W3TC Tabblad CDN en plak uw StackPath CDN-URL onder Configuratieobjecten → Vervang de hostnaam van de site door. Klik op “Test Mirror” en zorg ervoor dat W3 Total Cache uw CDN detecteert. Configureer de rest van de W3TC CDN-instellingen vanuit mijn screenshot.

W3-Total-Cache-CDN-instellingen

Stap 5: Ga in StackPath naar CDN → Cache-instellingen en klik vervolgens op Alles wissen:

StackPath-Purge-Cache

Stap 6: W3 Total Cache vermeldt het IP-adres van uw server bovenaan de instellingen met een meldingsvak (hieronder). Als dat niet het geval is, kun je het ook vinden in je hostingaccount of in StackPath (stap 2). Dan zet het IP-adres van uw server op de witte lijst in StackPath (WAF → Firewall).

StackPath-IP-witte lijst

StackPath-Whitelist-IP

Stap 7: Voer uw site uit GTmetrix en “content delivery network” moet groen zijn in YSlow.

CDN GTmetrix YSlow

Helemaal klaar!

Als u ‘cookievrije domeinen’ ziet in uw Pingdom-rapport, misschien wilt u contact opnemen met StackPath-ondersteuning om te zien of zij u hiermee kunnen helpen – ondersteuning is geweldig en zij hebben dit voor mij kunnen oplossen.

cookie-free-domains-maxcdn

Zorg ervoor dat u contact opneemt met StackPath-ondersteuning, omdat ze mijn instellingen konden aanpassen om de cijfers verder te verbeteren. Ze hebben een van de grootste ondersteuningsteams – ik zou het zeker gebruiken.

CDN-verwijzingen van de plug-inontwikkelaar (te vinden op het tabblad Installeren) – als u de mediabibliotheek niet gebruikt, importeert u uw afbeeldingen enz. In de standaardlocaties. Gebruik hiervoor de Media Library Import Tool op het tabblad “CDN”. Als u geen CDN-provider heeft, kunt u de prestaties van uw site nog steeds verbeteren met de methode ‘Zelf gehost’. Maak op uw eigen server een subdomein en een overeenkomend DNS Zone-record; b.v. static.domain.com en configureer FTP-opties op het tabblad “Content Delivery Network”. Zorg ervoor dat u de juiste bestanden via FTP uploadt met behulp van de uploadknoppen.

8. Fragment Cache

U moet upgraden naar W3 Total Cache Pro om fragmentcache te gebruiken (wat uw site sneller kan maken), maar om eerlijk te zijn, ik gebruik het niet … dus ik kan niet zeggen of het de moeite waard is om te upgraden. Als je dat doet, hebben ze aanbevelingen op die pagina waarnaar ik heb gelinkt, wat helpt met fragmentcache en de plug-in bewust maakt dat je transiënten groepeert. Je zou wat codeerervaring moeten hebben.

9. Extensies

W3-Total-Cache-Extensions

Cloudflare – activeer en zie stap 10.

Genesis Framework – als u de Genesis Framework je kunt op de ‘upgrade’ knop in W3TC klikken om te kopen W3 Total Cache Pro voor $ 99 / jaar. Dit maakt extra snelheidsfuncties mogelijk, zoals fragmentcache en de Genesis Framework-extensie, die de sitesnelheid kan verbeteren. Na aankoop zou er moeten staan ​​”de plug-in is ingeschakeld in de gemeenschapsmodus”. Als alternatief wordt uw licentiesleutel naar u verzonden via e-mail, die u kunt invoeren op het tabblad Algemene instellingen.

WordPress SEO door Yoast – activeer als je Yoast gebruikt (ps. My Yoast tutorial is net zo goed als dit).

10. Cloudflare

Stap 1: Meld u gratis aan Cloudflare-account wat toevoegt 200+ datacenters naast StackPath aan uw CDN-configuratie. Onthoud dat meer datacenters = snellere levering van inhoud.

Stap 2: U wordt gevraagd uw website toe te voegen en een scan te starten:

cloudflare-begin-scan

Stap 3: Kies het gratis abonnement, dan kom je uiteindelijk op deze pagina:

Cloudflare-Dashboard-W3-Total-Cache

3. Voer een Google-zoekopdracht uit naar ‘hoe u naamservers op SiteGround kunt wijzigen’ (zoek alleen naar uw host) en volg hun instructies. U zult waarschijnlijk de naamservers van Cloudflare kopiëren en deze in een aangepaste naamserversoptie in uw hosting-cPanel plakken (onderstaande schermafbeelding is voor SiteGround). Ga dan terug naar Cloudflare en klik op ‘Ik heb alle ontbrekende records toegevoegd, doorgaan’. Je kunt ook gebruiken whois.net om te controleren of uw naamservers zijn gewijzigd.

SiteGround-DNS-records

Stap 4: Activeer op het tabblad W3 Total Cache ‘Extensions’ Cloudeflare en klik op Instellingen:

w3-total-cache-cloudflare-activering

Configureer deze Cloudflare-instellingen:

W3-Total-Cache-Cloureflare-instellingen

Caching-niveaus – Ik gebruik de agressieve caching niveau waaronder queryreeksen.

Hotlink-bescherming – voorkomt dat spam-sites uw afbeeldingen op hun site hosten (waardoor uw bandbreedte wordt opgezogen), wat CPU-overschrijdingen bij uw hostingbedrijf kan veroorzaken. Dit was een ENORM probleem voor mij en ik stel voor monitoring links naar uw site in Google Search Console om er zeker van te zijn dat er niet zoveel spamachtige sites zijn die dit doen. Hotlink-bescherming voorkomt dit.

Stap 5: Log nu in op Cloudflare en ga naar je snelheidsinstellingen. Schakel alle instellingen voor automatisch verkleinen in, Raketlader, Railgun, versnelde mobiele links, en kopieer gewoon dezelfde instellingen die ik gebruik.

Cloudflare-Speed-Tab

Stap 6: Ga naar je instellingen voor paginaregels. Er zijn 2 paginaregels die ik aanbeveel om te maken die je WordPress admin- of voorbeeldpagina’s niet in de cache opslaat – dit is wat Cloudflare beveelt aan.

Cloudflare-Page-Rule-WP-Admin

Cloudflare-Page-Rule-WP-Preview

Als je klaar bent met het configureren van W3 Total Cache, StackPath en Cloudflare, verwijder alle caches in W3 Total Cache (hieronder). Als u dit niet ziet, is er mogelijk een ‘lege alle caches’-optie op het dashboardtabblad. Test uw site vervolgens opnieuw in Pingdom. Het kan tot 24 uur duren voordat Cloudflare-naamservers worden verspreid, maar u moet een bevestigingsmail ontvangen wanneer deze is voltooid.

Purge-Cache-W3-Total-Cache

11. Veelvoorkomende W3TC-problemen

Formatteringsproblemen op de website – schakel de optie “verkleinen” uit op het tabblad Algemene instellingen.

Traag WordPress-dashboard – schakel “objectcache” uit op het tabblad W3TC Algemene instellingen, stel paginaregels in Cloudflare in en schakel vervolgens ongebruikte instellingen in de WordPress-kern uit met de WP Schakel plug-in uit. Je moet ook vermijden langzaam ladende plug-ins hoge CPU verbruiken (zie volledige tutorial).

Langere laadtijden dan voorheen – schakel “objectcache” uit of wacht 72 uur voor verspreiding.

Gecrashte website: open wp-config en verwijder deze regels:

/ ** W3 Total Cache inschakelen * /
definieer (‘WP_CACHE’, waar); // Toegevoegd door W3 Total Cache

Open .htaccess en verwijder alle regels tussen en inclusief:

# BEGIN W3TC …
# EINDE W3TC

Verwijder vervolgens: advanced-cache.php, objectcache.php en db.php uit wp-content. Verwijder ook de w3-total-cache-map in wp-content / plug-ins.

12. SiteGround (# 1 host in Facebook-peilingen)

SiteGround is gebruikt door Yoast, mezelf, en aanbevolen door WordPress. Ze zijn bijna elke nummer 1 Facebook-peiling en geven de meeste mensen significant laadtijd verbeteringen vooral als ze middelmatige hosts gebruikten: GoDaddy, Bluehost, HostGator, InMotion, Dreamhost, EIG.

Yoast-on-Twitter-We zijn net overgestapt naar Siteground

Ik gebruik hun semi-specifiek GoGeek-plan die komt met 4x meer serverbronnen dan gedeelde hosting. Klik door mijn pagina’s om te zien hoe snel ze laden, bekijk mijn GTmetrix-rapport of zie mensen die dat doen gemigreerd en geplaatst nieuwe laadtijden. Ze doen het ook gratis migraties.

DigitalOcean op Cloudways en Kinsta zijn ook goed en beginnen bij $ 10 / maand en $ 30 / maand. Cloudways is meer voor ontwikkelaars die geen cPanel, e-mailhosting of de ondersteuning nodig hebben die u krijgt met SiteGround. Kinsta is eigenlijk wat WP Engine was (prijzig, maar geweldig). Mijn hele blog is in feite bedoeld om mensen te helpen hun website sneller te laden. Ik weiger $ 2 / maand hosting aan te bevelen, aangezien dit voor de meeste mensen de grootste spijt is bij het runnen van een website.

Hoe u kunt controleren of uw hosting traag is
Voer uw site door Google PageSpeed ​​Insights om te kijken of de reactietijd van de server verminderen staat in uw rapport. Google beveelt aan het zou moeten zijn <200ms. Alles boven 1 seconde is niet goed. U kunt ook uw TTFB controleren (tijd tot eerste byte) op het tabblad Timings van GTmetrix of bytecheck.com.

Reduceer de reactietijd van de server

Hosting Poll 2019

2017-WordPress-Hosting-FB-Poll

Aanbevelingen van Elementor Hosting

Juli 2019 Hosting-aanbeveling

WordPress-Host-Poll-augustus-2018

Shared-Hosting-Poll-2017

2019-Hosting-Poll

Go-To-Hosting-bedrijf

WordPress-Hosting-Poll-2017

Managed-Hosting-Poll

WooCommerce-Hosting-FB-Poll

2016-Web-Hosting-Poll

Best-WordPress-Hosting-Provider-Poll

Best-Web-Hosting-2019-Poll

WP Friendly Hosting Poll

2016-WordPress-Hosting-FB-Poll

Favoriete hosting voor Elementor

Aanbevelingen voor hosting van 2018

Managed-WordPress-Hosting-Poll-2017

2019-Hosts-Poll-1

Hosting-Poll-For-Speed

WordPress-Hosting-Poll-1 juni

SiteGround-aanbeveling

2014-beheerde-WordPress-hosting-FB-poll

Best-Web-Hosting-Provider-Poll

Hosting-poll-februari-2019

Hosting-aanbevelingen-poll

Bluehost versus SiteGround

WordPress Web Host Poll

Ze worden aanbevolen door WordPress:

SiteGround-aanbevolen-WordPress-host

Tevreden klanten:

Godaddy To SiteGround Migration

EIG-To-SiteGround

SiteGround-migratie

SiteGround heeft 3 plannen:

SiteGround WordPress Hosting

Hogere plannen omvatten meer serverbronnen (# 1 factor in de WordPress-optimalisatiegids). Hier is de volledige vergelijkingstabel, maar GrowBig geeft je ongeveer 2x meer serverbronnen dan StartUp, en GoGeek is dat semi-dedicated hosting wat je nog meer geeft. GrowBig en hoger wordt geleverd met een gratis migratie, enscenering, geavanceerde caching en de mogelijkheid om meerdere websites te hosten. GoGeek wordt geleverd met prioriteitsondersteuning. Hun cloudhosting is een behoorlijke prijsstijging van $ 80 / maand.

Je kunt dit zien op hun functies pagina:

SiteGround-Server-Resources-vergelijking

Mensen migreren meestal omdat hun snelheidstechnologie kan de laadtijden halveren:

Overschakelen naar SiteGround

SiteGround laadtijdmigratie

Bluehost voor SiteGround GTmetrix

HostGator naar SiteGround

SiteGround GTmetrix

SiteGround Google PageSpeed ​​Insights

100 perfecte score op Siteground

SiteGround Genesis

Snelheid geleverd door SiteGround

SiteGround GTmetrix-rapport

Verminderde laadtijden met SiteGround

Nieuwe SiteGround-responstijden

HostGator naar migratie van sitegronds

SiteGround reactietijden op Joomla

Overgeschakeld naar SiteGround Hosting

SiteGround Rocket Imagify Combo

Joomla GTmetrix op SiteGround

SiteGround PageSpeed ​​Insights

SiteGround op Joomla

SiteGround verminderde laadtijden

SiteGround snelle hosting

Nieuwe Pingdom-resultaten op SiteGround

Nieuwe SiteGround-responstijd

Verbetering van de reactietijd op de site

Ontvang hosting van SiteGround

13. 35+ WP Speed ​​Tips (My Full Guide)

Bekijk mijn video – het is een video van 42 minuten, maar ik behandel vrijwel alles (tijdstempels in videobeschrijving) en je zou een heleboel geweldige informatie moeten leren over de snelheid van WordPress-sites:

Serveer geschaalde afbeeldingen – formaat van grote afbeeldingen verkleinen. Pingdom vertelt je welke afbeeldingen dit nodig hebben, maar alleen voor de enkele pagina die je doorloopt. Begin met afbeeldingen die op meerdere pagina’s verschijnen (logo, zijbalk, voettekstafbeeldingen), aangezien het corrigeren hiervan de laadtijden voor meerdere pagina’s verkort. Pingdom vertelt u de juiste afmetingen van elke afbeelding, maar het is een goed idee om een ​​spiekbriefje van uw schuifregelaar, widget en andere gebieden te hebben, zodat u het formaat van uw afbeeldingen kunt wijzigen voordat u ze uploadt.

Afbeeldingen optimaliseren (compressie zonder verlies)Stel je voor is hiervoor het beste. Meld u aan en pak een API-sleutel en installeer hun inpluggen waar u de API kunt invoeren. Ga vervolgens naar Media → Bulkoptimalisatie en begin met het verliesloos comprimeren van alle afbeeldingen op uw site. Er is een gratis maandelijks quotum van 25 MB per maand (of $ 4,95 voor 1 GB), maar het is veel beter dan andere gratis plug-ins. Uit mijn ervaring moet je de “agressieve” instelling gebruiken om deze items in Pingdom te repareren.

Geef afbeeldingsafmetingen op – betekent dat u een breedte / hoogte moet specificeren in de HTML of CSS van de afbeelding. U moet de afbeelding lokaliseren (met Pingdom), deze vinden op uw WordPress-site en vervolgens een breedte / hoogte toevoegen die Pingdom u zal vertellen. Meestal voor afbeeldingen buiten uw visuele editor.

14. Huur mijn WordPress Speed ​​Optimizer

Heeft u nog steeds hulp nodig bij uw GTmetrix-rapport? Ik werk sinds 2011 met Pronaya (hij is degene die me heeft geholpen met zulke mooie scores + laadtijden. Je kunt hem inhuren door een profiel aan te maken op freelancer.com en zoeken naar gebruikersnaam bdkamol (zie zijn portefeuille). Hij is $ 40 / uur uit Bangladesh (dus er is een tijdswijziging) en zijn e-mail is hem [email protected]. Hij heeft een perfecte 5-sterrenbeoordeling op zijn profiel. Alleen serieuze vragen en verwacht geen 100% scores als u trage hosting, plug-ins en thema gebruikt. Volg eerst mijn WordPress-snelheidsgids.

Pronaya-Kumar-S-beoordelingen

Recensies op zijn profiel:

BDkamol-WordPress-Speed-beoordelingen

Veel Gestelde Vragen

&# x1f680; Is W3 Total Cache de beste cache-plug-in?

De meeste mensen geven de voorkeur aan WP Rocket boven W3 Total Cache omdat het wordt geleverd met veel functies die niet zijn inbegrepen bij W3 Total Cache en daarom betere resultaten oplevert in GTmetix. Deze functies zijn onder meer het opschonen van databases, het lokaal hosten van analyses, geavanceerd lui laden van afbeeldingen en video’s, hartslagcontrole en DNS-prefetching. Het is ook eenvoudiger te configureren.

&# x1f680; Moet ik een CDN gebruiken met W3 Total Cache?

Ja, probeer Cloudflare ‘gratis CDN en overweeg meerdere CDN’s van StackPath of KeyCDN als het een grotere website is met een wereldwijd publiek. Cloudflare is echter prima voor de meeste websites.

&# x1f680; Wat gebeurt er als W3 Total Cache mijn site breekt??

De instellingen voor verkleinen en combineren in W3 Total Cache zijn meestal de meest voorkomende boosdoeners van gebroken elementen bij het gebruik van W3 Total Cache. Test elk van deze.

&# x1f680; Hoe wis ik de cache als ik klaar ben?

Ga naar de prestatie-instellingen en klik vervolgens op Alles wissen.

&# x1f680; Heb ik naast W3 Total Cache nog andere snelheidsplug-ins nodig??

Ja, ik raad aan om plug-ins te installeren voor hartslagcontrole, database-opschoning, beeldoptimalisatie en Asset CleanUp of Perfmatters om plug-ins selectief uit te schakelen.

Nou, dat is het dan! Ik weet dat het een beetje technisch kan worden, dus als je vragen hebt, stuur me dan een berichtje in de comments. En als je mijn tutorial leuk vond, geef het dan alsjeblieft een deel. ik zou dat fijn vinden!

Proost,
Tom

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