Tag: snelheid

wordpress gratis

Cloudflare Automatic Platform Optimization voor WordPress

Wordpress CMS en BlogCloudflare Automatic Platform Optimization voor WordPress kan er voor zorgen dat je WordPress website tot wel drie keer sneller werkt, zo beloofde CloudFlare in oktober 2020. Is dat ook zo? We namen de proef op de som.

Cloudflare kondigde in oktober vorig jaar aan dat ze een nieuwe techniek gingen introduceren voor hun toch al goede, gratis, dienst: Cloudflare Automatic Platform Optimization.

De dienst is, voor slechts vijf dollar per maand, ook beschikbaar voor gebruikers van de gratis Cloudflare diensten en inbegrepen als je een Professional, Business of Enterprise account bij ze afneemt.

In deze uitleg proberen we het verhaal niet te technisch te maken en je stap voor stap door de installatie heen te leiden. Vervolgens kijken we naar de resultaten qua snelheid en of er ook (negatieve) invloed op de SEO (zoekmachine optimalisatie) is.

Het nut van Cloudflare

Met Cloudflare bescherm je je website tegen aanvallen van buitenaf en maak je je website sneller. Je kunt dit ook lokaal, binnen WordPress, regelen met behulp van een beveiligings- en caching plugin. Wat Cloudflare hier aan toevoegt is dat, voor dat men op je website komt om eens flink “aan de poort te rammelen” (inbraak) men éérst door de (virtuele) Cloudflare muur heen moet en Cloudflare al een groot deel van die aanvallen afslaat. Dat verhoogt de beveiliging dus behoorlijk. En, omdat Cloudflare ook caching levert wordt het een en ander een stuk sneller, bovenop de winst die je al haalde met je eigen cache plugin.

Een website die snel geladen kan worden is belangrijk voor je Google ranking, om hoog in Google te komen. Een reden voor ons om Cloudflare te gebruiken. Naast natuurlijk het beschermen tegen eventuele aanvallen van buitenaf. Want helaas hebben we met onze eigen site daar bovengemiddeld last van, vergeleken met de websites van onze cliënten.

Bovenop deze basis-functionaliteit levert Cloudflare meer diensten voor betalende gebruikers. En nu ook Automatic Platform Optimization (APO).

Hoe werkt Cloudflare Automatic Platform Optimization?

Met de APO wordt de HTML-code van je WordPress site in de cache opgeslagen van de servers van Cloudflare. Die servers staan over de hele wereld verspreid. Dit wordt mogelijk gemaakt door een gedistribueerde wereldwijde databaseservice.

Wanneer data via de Cloudflare API naar deze servers wordt verstuurd, worden deze in een paar seconden automatisch gekopieerd naar de ruim 150 Cloudflare datacentrums over de hele wereld.

De APO kun je naast al bestaande caching van je WordPress website gebruiken. Het gaat er hier namelijk om dat bepaalde bestanden door bezoekers van je website niet meer van jouw website worden gedownload maar via de wereldwijd verspreid staande Cloudflare servers. Dat scheelt in datatransfer vanaf je eigen website (dus voor drukbezochte websites niet onbelangrijk!) maar bovenal in snelheid want de data is, letterlijk en figuurlijk, dichter bij de gebruikers.

Omdat alleen de HTML-bestanden worden verstuurd naar het wereldwijde netwerk wordt er geen data ‘gelekt’. Invulformulieren worden bijvoorbeeld interactief aangemaakt in WordPress (script) en op de server zelf verwerkt. Cloudflare zit hier niet tussen.

Installatie Cloudflare Automatic Platform Optimization

Om de APO te gebruiken moet je dus minimaal een gratis account bij Cloudflare hebben en gebruik maken van de caching van in elk geval je domeinnaam/website. Daarnaast moet, wanneer je bij Brinkman.IT gehost bent, door ons een wijziging in de DNS-servers worden gemaakt. Maak je gebruik van de diensten van een collega-hoster neem dan contact met hen op.

De setup van Cloudflare vergt dus wel enige specialistische kennis. Wij kunnen daar uiteraard bij behulpzaam zijn en moeten hiervan ook op de hoogte zijn in verband met de DNS-wijzigingen.

⇒ Let op! Maak een backup van je website!

Sommige gebruikers melden op het WordPress forum dat de plugin hun website laat crashen. Meestal is de oorzaak een conflict met andere plugins. Het is daarom belangrijk te zorgen dat er een backup beschikbaar is. We leveren hiervoor mogelijkheden met de Installatron-module. Een andere mogelijkheid is via een plugin als UpDraftPlus. Dit is een plugin die wijzigingen maakt aan je WordPress installatie een backup is daarom absoluut noodzakelijk voor je verder gaat.

De volgende stap is het installeren van de Cloudflare plugin. Deze plugin is, ook als je alleen van de gratis Cloudflare functie gebruik maakt, handig en eenvoudig in gebruik. We hebben wel gemerkt dat deze plugin niet altijd even goed lijkt te werken maar na enig ‘debuggen’ kwamen wij er uit wat de problemen waren.

Na installatie van de Cloudlare plugin dien je de plugin te autoriseren en de optie “Automatic Platform Optimization” aan te zetten in Cloudflare. Dit doe je op de pagina/tab “Speed” (scroll naar beneden tot je deze optie ziet en klik op “Enable”)

Cloudflare APO gebruiken

Daarna zie je dit scherm:

Cloudflare APO geactiveerd

Ga daarna terug naar het Dashboard in WordPress en activeer de plugin. Je vindt dit in je Dashboard onder

Instellingen →Cloudflare

Zie onderstaande scherm:

instellen cloudflare plugin worpress

Activeer met de cloudflare plugin in WordPress je APO instelling als volgt:

  • Kies eerst de button [ Apply ] onder “Apply Recommended Cloudflare Settings for WordPress”, zodat de website geoptimaliseerd wordt voor het werken met Cloudflare. Zie je niets gebeuren (er is een draaiend “cirkeltje”) dan is er een probleem met de instellingen, mogelijk bijvoorbeeld met je beveiligingsplugin. Raadpleeg eventueel je error-log in de DirectAdmin module onder de ‘statistieken’. Meestal is het bekijken van de laatste 100 regels voldoende. Probeer het probleem dat gemeld wordt op te lossen. Weet je niet wat er aan de hand is maak dan een support-ticket aan (nb. ondersteuning voor issues als deze is niet gratis!).
  • Klik vervolgens op de “ON” switch onder Automatic Platform Optimization.
  • Vink de optie “Cache bij Device Type” niet aan!

Cloudflare’s APO is nu verbonden en actief. Controleer het eventueel door bovenstaande scherm te verlaten en er weer naar terug te keren. Sommige mensen melden namelijk dat het dan weer op “OFF” staat. In dat geval is er mogelijk een conflict met een andere plugin, is het proces hiervoor niet goed gevolgd of wordt er iets geblokkeerd. Controleer eventueel ook je error logs.

Voordelen en nadelen Automatic Platform Optimization

De voordelen zijn hiervoor al genoemd: snelheidswinst, met name. Zoals je ook verderop kunt zien als we de performance meten en vergelijken met voorheen.

Nadelen?

  • het configureren van Automatic Platform Optimization lijkt eenvoudig maar kent wel degelijk een aantal ‘haken en ogen’ zo is de ervaring van gebruikers;
  • hoewel er snelheidswinst is, merken wij wel dat er bij de speedtests wisselende resultaten zijn verdeeld over het moment van de dag en dat er tevens een lagere ‘grading’ bij Pingdom ontstond (-1 punt verschil).
  • het is niet gratis. Dat is in die zin een nadeel dat je er op jaarbasis US $60,– voor betaalt. Anderzijds kan het je ook winst opleveren. Een snellere website, waardoor je hoger in Google kunt komen, kan leiden tot meer omzet bijvoorbeeld. En dan is het de investering zeker waard.

Het is dus een keuze die je goed moet overwegen: wil je de soms moeizame setup van Automatic Platform Optimization door en de potentiële winst halen, met eventuele nadelige bijkomstigheden, of vind je de reguliere Cloudflare caching afdoende?

Resultaat Cloudflare Automatic Platform Optimization voor WordPress

Niet elke website is gelijk, resultaten kunnen dus verschillen. Wij hebben de resultaten die we behaalden op verschillende vlakken gecontroleerd. De resultaten van de Cloudflare Automatic Platform Optimization voor WordPress zijn echter meer dan voldoende.

Snelheidswinst

pingdom website performance

Google’s Speed Index ging bij ons naar 1.2 seconden, sneller dan voorheen ondanks interactieve elementen als de Trustpilot widget. Pingdom geeft aan dat de website één punt is gedaald in de performance grade. Maar wel veel sneller geladen wordt, zeker als we verder kijken dan de home-pagina. Deze ging van 70(C) naar 69(D). De laadtijd van 1.37s is langer dan we bijvoorbeeld twee jaar geleden hadden. Toen zat de website onder de 1 seconde.Maar een stuk beter dan na installatie van de widget, toen de laadtijd van de website >2 seconden werd als gevolg daar van.

Oorzaak is voor ons duidelijk: Trustpilot widget en domeinnaamcheck. De winst van deze twee elementen (gebruikersgemak voor cliënten en bezoekers, eenvoudig referenties tonen) is voor ons op dit moment groter dan het ‘snelheidsverlies’ van <40Ms. Maar het is wel een overweging, als je zoiets gebruikt, een dergelijke functie te verplaatsen naar elders in de site.

SEO

seo site checkup resultaten vergelijken

De SEO Site Checkup geeft geen enkel verschil met twee maand geleden. Het heeft daar dus géén negatieve, maar ook geen positieve, invloed op.

Caching

verschil cloudflare OPA en cache

Tot slot het verschil in het aantal requests. Zoals duidelijk is te zien is het aantal ‘hits’ op de cache flink gestegen. Daarmee ontlast je, zeker als je een hele druk bezochte website hebt, de hostingomgeving.

Conclusie
Per saldo is de winst voor ons dus een website die behoorlijk sneller is geworden. Onze voorpagina is nu bijna twee keer zo snel geladen als voorheen. Reden dat de voorpagina relatief ‘traag’ was is dat wij deze zoals gezegd voorzien hebben van een aantal interactieve elementen welke gehost worden elders. Dit zorgde voor vertraging van de website en dit is met de Cloudflare optimalisatie opgelost. Daarnaast worden andere pagina’s op de site ook veel sneller geladen.

Migratie van WordPress naar ClassicPress – boost je website performance!

Met het uitbrengen van WordPress versie 5.0 heeft Automattic, de maker van WordPress, de gebruikers er van geconfronteerd met een nieuwe editor: Gutenberg. De klachten er over stroomden al tijdens de testfase binnen maar Automattic bleef er helaas doof voor. Gutenberg is onderdeel van de core code van WordPress 5.0. Ondanks de, nog steeds, vele openstaande bugs én het feit dat veel gebruikers het gewoonweg een onhandige editor vinden.

Als alternatief biedt Automattic de “classic editor” maar helaas bevat deze sinds versie 1.x buttons en links die, voor je het weet, alsnog Gutenberg activeren. Zodat je zomaar, per ongeluk, alsnog deze editor in gebruik kunt nemen zonder het echt te willen.

Hier blijft het niet bij. De plannen zijn de “blocks”, één van de belangrijkste kenmerken van Gutenberg, verder door te voeren in WordPress.

Als gevolg van het invoeren van Gutenberg is besloten tot een ‘fork’, een afsplitsing, van WordPress. Een kloon van WordPress, ClassicPress, zag het licht en niet alleen is het een kloon, er zijn ook diverse gebruikerswensen in verwerkt. Wij hebben deze ontwikkelling nauw gevolgd en ook meegewerkt aan het testen van Classicpress.

Migreren WordPress naar ClassicPress

Het migreren van WordPress 4.9 naar ClassicPress is erg eenvoudig. Er is een plugin beschikbaar gesteld die alles voor je doet. Voordat je migreert natuurlijk wel eerst even een backup maken en alle plugins updaten.

Download van de plugin is hier beschikbaar: https://www.classicpress.net/migrate/

Problemen met Plugins
Er is van een beperkt aantal plugins bekend dat ze problemen kunnen geven in ClassicPress. Klik hier voor het overzichtje.

Performance ClassicPress

Het blijkt dat veel mensen flinke performancewinst constateren na het switchen naar ClassicPress. Ook wij hebben dit geconstateerd. En als er één ding belangrijk is voor de SEO (zoekmachine optimalisatie) en gebruikerservaring is dat wel de snelheid van je website!

Pingdom statistieken met WordPress 4.9

Pingdom statistieken met ClassicPress

Een geweldige verbetering in laadtijd: van meer dan zes seconden naar 2 seconden! Dit geldt niet voor elke website natuurlijk maar het past wel in het beeld van de ervaringen die anderen hebben.

Video demonstratie

In bijgaande video, in het Engels ingesproken, lopen we door het migratieproces heen van een live website. De site bevat de nodige plugins.

Wat vinden jullie van WordPress?

Begrijp ons niet verkeerd. We hebben zelf een aantal sites geupdate naar WordPress 5.0 en dit proces ging prima. Met het installeren van de plugin Disable Gutenberg ben je ook van Gutenberg af. Alleen, de vraag is wat de toekomst gaat brengen. Vergaat het WordPress straks net als b2/cafelog (de software waar WordPress een fork van was en nauwelijks nog iemand weet van heeft)? Of zullen ze er in slagen de gebruikers te overtuigen van het nut en de eventuele toegevoegde waarde van Gutenberg? Vooralsnog kiezen wij voor WordPress met de klassieke editor voor de meeste sites. Een aantal sites zetten we over naar ClassicPress, in ieder geval een uitstekend alternatief!