Als je je blog wilt versnellen, heb je waarschijnlijk technieken gebruikt zoals het optimaliseren van je afbeeldingen, het verwijderen van onnodige plug-ins en scripts en het verkleinen van je CSS en JavaScript. Het optimaliseren van de inhoud op uw lokale server kan echter alleen zo ver gaan. De volgende stap in de blogsnelheidsspel maakt misbruik van Content Delivery Networks (CDN's).
Wat is een CDN? Kortom, het is een service die bepaalde elementen van uw site (afbeeldingen, JavaScript-bestanden, CSS-bestanden) opslaat en verspreidt over een netwerk van geografisch verspreide servers. Wanneer een bezoeker uw site bezoekt, bepaalt de CDN de server op het netwerk dat zich het dichtst bij de bezoeker bevindt en biedt uw inhoud vanaf daar aan. Dit kan uw laadtijden aanzienlijk verkorten!
CloudFlare is een zeer populaire en gratis CDN die u voor dit doel kunt gebruiken. Het gebruik van CloudFlare alleen kan resulteren in een goede verlaging van de laadtijd op uw blog. U kunt deze laadtijden echter nog verder verminderen door CloudFlare te combineren met een "volledige" CDN. Ik gebruik het al enkele maanden in combinatie met MaxCDN op mijn blog, College Info Geek, en ik heb geweldige resultaten behaald.
In deze zelfstudie laat ik je zien hoe je deze twee services kunt combineren op je eigen blog met behulp van W3 Total Cache. Omdat CloudFlare gratis is en MaxCDN dat niet is, zal ik eerst CloudFlare doornemen voor het geval je alleen een gratis optie nodig hebt. Daar gaan we!
Voordat u begint met het maken van uw CloudFlare-account, moet u de W3 Total Cache-plug-in op uw blog installeren en configureren. Dit is een plug-in die een beetje moet worden geconfigureerd. Je kunt WPBeginner's uitstekende setup-zelfstudie volgen om al je instellingen correct te krijgen voordat je verder gaat.
Ga naar de CloudFlare-website en maak een account aan met uw e-mailadres en de gebruikersnaam van uw keuze.
Zodra u bent aangemeld, is het tijd om uw website te laten instellen met CloudFlare. Opmerking: sommige webhosts bevatten een automatische CloudFlare-activeringsoptie in uw cPanel. Ik raad u ten zeerste aan om deze optie NIET te gebruiken - ik heb het in eerste instantie geprobeerd en mijn site is uiteindelijk drie dagen verouderd vanwege een probleem met domeingeditie. Handmatig instellen is heel eenvoudig en helpt downtime of hoofdpijn voorkomen!
Ok, nu zou je een scherm moeten zien dat er zo uitziet:
CloudFlare zal beginnen met het scannen van de DNS-instellingen van uw site en u zult een leuke kleine commercial kunnen zien terwijl dat gebeurt. Leuke tijden. Zodra het klaar is (ongeveer 45 seconden of zo), kunt u doorgaan naar de volgende stap in het proces.
Aangezien u nameservers wijzigt, kan het 24 uur duren voordat CloudFlare actief wordt op uw site.
Je zou nu een pagina moeten zien die weergeeft wat CloudFlare denkt dat in jouw is DNS-zonebestand. U moet toegang hebben tot uw eigenlijke DNS-zonebestand en ervoor zorgen dat alle vermeldingen zijn overgedragen. Dit bestand is toegankelijk via het cPanel van uw website (of een vergelijkbaar admin panel). Als u uw DNS-zonebestand niet kunt vinden, neem dan contact op met de ondersteuning van uw host en vraag waar u het kunt vinden.
Stap 3 laat je kiezen welke EEN
en CNAME
records die u wilt dat CloudFlare regelt. Standaard is de EEN
record voor uw domein en de CNAME
record met het label "www" moeten de enige zijn die worden gemarkeerd. Ik raad aan deze instelling te behouden en door te gaan.
Ten slotte geeft stap 4 u nieuwe naamservers die u voor uw domein moet gebruiken. Als u uw oude wilt ruilen en deze wilt aansluiten, gaat u naar de website van uw domeinregistreerder en gaat u naar uw domeinbeheerder. Als u GoDaddy gebruikt, ziet u een knop met de naam 'Nameservers' in de domeinbeheerder. Andere registrars zouden een soortgelijk hulpmiddel moeten hebben.
U ontvangt een e-mail zodra uw domein is doorgegeven aan de nieuwe naamservers die u heeft ingevoerd. Zodra dit gebeurt, hebt u toegang tot uw CloudFlare-opties. Nu is het tijd om uw CloudFlare-gegevens toe te voegen aan W3 Total Cache en daar de vruchten van te plukken.
Meld u aan bij uw CloudFlare-account en ga naar Account tab. Hier kunt u uw account-e-mailadres, gebruikersnaam en uw unieke API-sleutel zien. In het bijzonder heeft u uw account-e-mailadres en unieke API-sleutel voor dit onderdeel nodig.
Ga naar je WordPress Dashboard en vind de gelabelde optie Prestatie. Dit is het instellingenpaneel voor W3 Total Cache. Standaard Algemene instellingen tab, scrol omlaag naar de sectie met de titel Netwerkprestaties en beveiliging mogelijk gemaakt door CloudFlare. Voer de volgende stappen uit:
Geweldig! Je hebt het eerste deel gedaan. Als je dit een niet-kostelijke beproeving wilt houden, kun je doorgaan en hier stoppen. Alleen al het hebben van CloudFlare zou moeten resulteren in een goede snelheidsboost voor uw site. Als je nog meer snelheid gratis wilt krijgen, bekijk dan de WordPress Snelgids voor meer tips.
Als je je potentieel wilt maximaliseren, lees dan verder. Vervolgens zullen we implementeren MaxCDN.
Oké, dus je wilt de sprong wagen en integreren twee CDN-oplossingen op je blog. Zoet. Zoals ik hierboven al zei, ik doe dit nu ongeveer vier maanden. Tot dusverre heeft de combinatie heel goed gewerkt en mijn site is erg pittig (vooral omdat ik beeld-zwaar ben).
Ok, dus het eerste dat je moet weten over MaxCDN (of een "volledige" CDN) is dat het geld kost. Het is niet erg duur, maar het kost meer dan een koffie. Dus, zou je het moeten gebruiken? Hier zijn enkele richtlijnen:
MaxCDN is over het algemeen sneller dan CloudFlare. Als een toegewijde CDN heeft het meer infrastructuur opgezet voor het zo lokaal mogelijk dienen van content. Dus ik denk dat de beslissing om het wel of niet te gebruiken gebaseerd moet zijn op uw verkeer en uw paginaformaten. Heb je veel afbeeldingen en media die je serveert? Heb je een zeer visueel ontwerp met veel elementen die moeten worden geladen? Al deze dingen kunnen de laadtijden verlengen. Hoe zit het met je publiek? Krijgt u 10 bezoeken per dag of 10.000? Hoe meer verkeer u heeft, des te belangrijker is het dat uw site is geoptimaliseerd voor snelheid. MaxCDN neemt een deel van de bandbreedtebelasting van je server af, dus dat is ook een overweging.
Als je hebt besloten dat het je geld waard is, ga je naar MaxCDN.com en klik je op de knop Registreren. Kies de Betaal onderweg optie (u bent waarschijnlijk niet groot genoeg voor Enterprise, en als u dat bent zou u waarschijnlijk zelf met MaxCDN over de implementatie moeten praten!). De basisprijs voor deze optie is $ 39,95, maar je kunt het terugbrengen tot ongeveer $ 30 met behulp van kortingsbonnen. Voor deze prijs krijg je een terabyte van CDN-bandbreedte. Dit is waar CloudFlare-integratie echt van pas komt; door beide te gebruiken, heb ik de afgelopen vier maanden slechts 92 GB kunnen gebruiken (en dit is met 30.000-40.000 paginaweergaves per maand). In dit tempo moet de bandbreedte 3,5 jaar duren (hoewel de verkeersgroei dit zal verlagen). $ 30 voor 3,5 jaar is helemaal niet slecht.
Zodra je bent aangemeld en je hebt je account, ga je gang en log je in. Om MaxCDN de inhoud van je site te laten bezorgen, moet je een zone instellen. Volg deze stappen om precies dat te doen.
De laatste stap in deze tutorial is het inschakelen van uw CDN in W3 Total Cache en het aanpassen ervan. Om dit te doen, gaat u terug naar de Algemene instellingen tab van W3 Total Cache op uw blog en scrol omlaag naar de sectie getiteld CDN.
Ga vervolgens naar de CDN tabblad van W3 Total Cache. Hier kunt u de CDN-instellingen aanpassen om alles correct te laten werken. Alles onder de Algemeen sectie moet worden overgelaten zoals het is - zorg ervoor dat alle vakjes zijn aangevinkt behalve de laatste.
De Configuratie sectie is waar u hier het meeste werk zult doen. Volg deze stappen om het correct in te stellen:
Nog een laatste ding om te doen! Onder de gevorderd sectie, vink het vak onderaan gemarkeerd aan Stel cookiedomein in op "uwdomein.com". Al het andere kan alleen worden gelaten; als je merkt dat de CDN problemen heeft met een bepaald bestand nadat je aan de gang bent, kun je het bestandstype later verwijderen. U bent klaar!
Nu heb je een blog aangedreven door zowel CloudFlare en MaxCDN. Je zou aanzienlijke snelheidsverbeteringen moeten merken, die je nog beter kunt maken door dingen als het verkleinen van je CSS en JavaScript te doen, WP Smush.it op je foto's te gebruiken en het gebruik van de plug-in te minimaliseren. Geniet van je snelle nieuwe blog!
Heeft u ervaring met CloudFlare, MaxCDN of een ander netwerk voor het leveren van inhoud? Deel uw ervaringen met ons in de reacties hieronder.