WordPress 5.0 vs. 4.9 - De prestatietest

Jan Hornung Laatst bijgewerkt op 21.10.2020
8 Min.
WordPress  5.0 en Gutenberg_Vergelijking van prestaties
Laatst bijgewerkt op 21.10.2020

De update naar WordPress 5.0 staat voor de deur. Echter, de exacte release datum hangt af van wanneer de nieuwe WordPress editor alias "Gutenberg" klaar is voor de WP core. Veel WP-gebruikers zijn bezorgd dat er problemen zullen zijn met Plugins, Themes en de prestaties van hun site na de update. Daarom hebben wij de update onder de loep genomen en gemeten of WordPress 5.0 daadwerkelijk tot de gevreesde laadtijdverliezen leidt.

Update: Het artikel verwijst naar een test die we hebben uitgevoerd tijdens de alfa-fase van Gutenberg-Plugins . Op 6 december 2018 werd WordPress 5.0 uitgebracht met de Gutenberg editor kwam uit. In ons e-book leest u wat de nieuwe editor voor uw bedrijf betekent en hoe u uw website kunt voorbereiden op Gutenberg . Om erachter te komen of Gutenberg nu kan concurreren met gevestigde page builders, bekijk dit artikel van Tariq Baig.

Gutenberg en WordPress  5.0 E-Book

De komende WordPress update naar versie 5.0 heeft een hoofdrolspeler: de zgn. Gutenberg editor . Echter, na de integratie in WP core, zal deze projectnaam verleden tijd zijn om nieuwe WordPress gebruikers niet onnodig te verwarren. Tenminste, dat is het plan. Maar laten we eerst naar de belangrijkste vraag gaan: Wat is precies de Gutenberg editor project?

Gutenberg moet WordPress revolutioneren

Als u al bekend bent met de grondbeginselen vanGutenberg, spring dan direct naar onze WordPress 4.9 vs WordPress 5.0 prestatievergelijking.

Met de grote update naar WordPress 5.0 zal Gutenberg binnenkort de klassieke TinyMCE editor vervangen, waarmee WP gebruikers al meer dan 10 jaar berichten en pagina's kunnen maken zonder grote HTML kennis. Wie echter complexere lay-outs wil maken, zal zonder HTML-kennis en shortcodes snel zijn grenzen bereiken met de TinyMCE-editor.

Deze hindernis moet worden weggenomen door Gutenberg om WordPress nog toegankelijker en gebruiksvriendelijker te maken. Het basisprincipe achter de nieuwe editor is een reeks blokken die specifieke functies bieden. Zo zijn er blokken voor koppen, tekst, kolommen, citaten, lijsten, afbeeldingen, video's, widgets, enzovoort.

WordPress 5.0 brengt meer JavaScript en gebruikt de WordPress REST API

De nieuwe editor brengt een andere verandering met zich mee: JavaScript. "De meeste WordPress ontwikkelaars zijn redelijk vertrouwd met PHP en front-end ontwikkeling, hoewel Gutenberg blokken zwaar op JavaScript zijn gebaseerd," schrijft WP ontwikkelaar Rich Tabor in zijn Beginnersgids voor het bouwen van Gutenberg Blokken. Het is niet voor niets dat WordPress mede-oprichter Matt Mullenweg de WP-gemeenschap al vertelde in de Staat van het Woord 2015 gaf hij de WP-gemeenschap de huiswerkopdracht "Leer JavaScript diepgaand!

Vanwege deze fundamentele veranderingen in WordPress 5.0, zijn we benieuwd om te zien hoe Gutenberg's gebruik van JavaScript en de WordPress REST API zal de prestaties van verschillende WordPress pagina's beïnvloeden. Dit verschuift immers veel rekenwerk van de webserver naar de client, wat zou moeten resulteren in snellere laadtijden onder belasting. Maar daar komen we zo op.

WordPress 5.0 is een stap in de richting van Pagebuilder

Binnen de WP-gemeenschap wordt vaak gezegd dat WordPress gebruikers "Wat je ziet is wat je krijgt" (WYSIWYG) biedt. De realiteit is echter vaak anders. Iedereen die met WordPress werkt, weet dat je op je pagina niet altijd krijgt wat je in de backend zag.

Gutenberg is ontworpen om deze leemte op te vullen en WordPress een grote stap dichter bij WYSIWYG te brengen. Over dit onderwerp en de nieuwe mogelijkheden als gevolg van de Gutenberg editor Ik kan de Lezing door Morten Rand-Hendriksen en Mullenwegs Staat van het Woord 2017 van WordCamp US.

Gutenberg zal aanvankelijk alleen op het niveau van de redacteur worden ingevoerd, maar dat is nog maar het begin. Mullenwegs visie is om heel WordPress blokgebaseerd te maken om de concurrentie van websitebouwpakketten zoals Wix, Medium en Co. bij te benen.

De volgende stap - dus wat komt na wat je net zag, als we klaar zijn met de bewerkingservaring, is de Gutenberg-gebaseerde site-aanpassing. - Matt Mullenweg, State of the Word 2017

Dus voor de toekomst zou dit een paradigmaverschuiving kunnen betekenen in WordPress , weg van de vertrouwde structuur van Plugins en Themes en in de richting van één grote paginabouwer.

WordPress 5.0 geeft aanleiding tot bezorgdheid vanwege de "Gutenberg- dwang".

Het feit dat Gutenberg de standaard editor wordt met WordPress 5.0, d.w.z. vrijwel opgedrongen wordt aan WordPress gebruikers, wordt niet door iedereen toegejuicht. Zo moeten Plugin- en Theme-fabrikanten hun producten controleren op Gutenberg-compatibiliteit, ze zo nodig aanpassen of ze volledig heroverwegen.

Ook exploitanten van WordPress -locaties stellen zich steeds vaker vragen: Welke gevolgen zal dit hebben voor mijn bedrijf? Zal WordPress 5.0 mijn site vertragen? Zal mijn Plugins nog werken? Heb ik iets aan de update als ik de editor helemaal niet gebruik?

Daarom maken wij ons vandaag los van de discussie over Gutenberg, blokken en co en wijden ons aan de volgende vragen:

1. Is er een prestatieverschil tussen WordPress 5.0 en 4.9?

2. Moet je überhaupt wel updaten naar WordPress 5.0, gezien de huidige onzekerheden?

Vergelijking laadtijd: WordPress 4.9 versus WordPress 5.0

Voor onze systematische vergelijking van de twee WordPress versies keken we naar twee belangrijke prestatie-indicatoren: de laadtijd van een pagina bij een enkele oproep en het gedrag van de pagina's bij belasting.

Voor de laadtijd vergelijking hebben we vier voorbeeld pagina's voorbereid waarvan we de laadtijden systematisch hebben vergeleken onder WP 4.9.4 en WP 5.0 (in 5.0-alpha-42852). Hiervoor hebben wij gebruik gemaakt van het instrument Webpagetest instrument voor dit doel.

En om het op voorhand te zeggen, er zijn geen serieuze verschillen.

Test 1: WordPress 5.0 maakt een lege WP-pagina trager

In de eerste test vergeleken we de laadtijden van een volledig lege WP pagina onder WordPress 5.0 en 4.9. Het resultaat: de tijd tot de eerste byte (TTFB) en de waargenomen laadtijd van de pagina (Load Time) zijn licht toegenomen met WordPress 5.0. De totale laadtijd is licht gedaald. Ten laatste bij het bekijken van de cache resultaten, is dit verschil volledig geëgaliseerd.

De conclusie van deze eerste test: De verschillen in de gemeten waarden zijn waarschijnlijk fluctuaties in de meting zelf en geen systematische verschillen in laadtijd.

Test 1: Blanco WP pagina laadtijd
Op beide geteste DEMO BOXES is de Theme Twenty Seventeen actief en zijn de Themes Twenty Sixteen en Twenty Fifteen geïnstalleerd. Er zijn geen Plugins op de pagina. De RAIDBOXES cache is actief op beide pagina's.

Test 2: Hoe gedraagt een online winkel zich onder WordPress 5.0?

In de tweede stap hebben wij dezelfde testopstelling gebruikt voor een voorbeeldwinkel. Hier werd telkens de startpagina van de winkel opgeroepen. Naast WooCommerce waren meer dan 50 andere Plugins geïnstalleerd op de testpagina, waarvan er meer dan 45 actief waren tijdens de test.

De winkel die is uitgerust met producten en functionerende betalingsgateways vertoont in de test ook geen grote verschillen met betrekking tot belangrijke prestatie-indicatoren.

De TTFB, de laadtijd en de webpagetest snelheidsindex verschillen slechts weinig. Ook hier worden de verschillen nog kleiner met "cached calls".

est 2: Voorbeeld winkel op WordPress  5.0
Vooral in de gecachede toestand kan je duidelijk zien dat de verschillen tussen de twee WordPress versies verwaarloosbaar klein zijn.

Conclusie voor winkeleigenaars: Met een realistische en vrij uitgebreide winkel konden we geen systematische verschillen vinden tussen WP 4.9.4 en WP 5.0 - een goed teken!

Test 3: Hoe gedraagt een blog zich onder WordPress 5.0?

Zelfs in onze test met een typische blog - met uitgebreide social media connectie en meer dan 20 Plugins, zoals Yoast SEO, WP Smush, Akismet en Contact Form 7, zijn er geen echt grote verschillen in de belangrijke laadtijd metrics: server responstijd, waargenomen laadtijd en totale laadtijd verschillen slechts licht tussen de WordPress versies.

Conclusie: Kijkend naar de Speed Index en de Start Render Event, lijkt de blog iets sneller te laden onder WP 4.9.4, maar al met al zijn er waarschijnlijk geen significante verschillen.

Test 3: Voorbeeld blog WordPress  5.0
In de laadtijdtest voor blogs lijken de verschillen iets groter, maar echt indrukwekkende verschillen zijn er niet.

Test 4: Hoe zit het met een bedrijfssite op WordPress 5.0?

Op de bedrijfspagina die we hebben getest, worden voor het eerst interessante verschillen duidelijk: hoewel TTFB, de Start Render Event en de Speed Index vrij dicht bij elkaar liggen, is er een groot verschil van 1,8 seconden in de waargenomen totale laadtijd.

Deze waarde kan echter worden verklaard door een defecte bron. Als dit wordt verwijderd, worden de waarden van de laadtijd weer gelijk. De conclusie is ook hier: Op de bedrijfswebsite die we hebben getest met aangepaste Theme en 9 Plugins (inclusief WPML, Advanced Custom Fields en een tool voor landingspagina's), zijn er geen relevante verschillen tussen WordPress 4.9.4 en WordPress 5.0.

Test 4: Voorbeeld bedrijfswebsite WordPress  5.0
Het verschil in laadtijd werd kleiner nadat we de defecte bron hadden verwijderd. De bovenstaande test is dus een perfect voorbeeld van hoe gevoelig metingen van de laadtijd zijn voor zelfs de kleinste fouten, zoals een foutieve afbeelding.

Tussenconclusie: WordPress 5.0 is geen prestatieslurper

Onze eerste analyses met een alpha versie van WordPress 5.0 laten zien dat de nieuwe WP versie waarschijnlijk geen prestatie veelvraat zal zijn - in ieder geval niet in de frontend. Maakt niet uit of met of Gutenberg: Volgens onze metingen, zijn er geen relevante verschillen. Vanuit het oogpunt van prestaties spreekt niets tegen een update naar WordPress 5.0.

Integendeel: als we kijken naar de resultaten van onze belastingstest, zou de update wel eens de moeite waard kunnen zijn.

Belangrijk: Natuurlijk kunnen deze resultaten in de loop van de tijd nog veranderen. Ook Plugins en Themes en hun compatibiliteit met de nieuwe WP-versie zullen hier een beslissende rol spelen.

Test 4: WordPress 5.0 toont betere verwerking van belasting

Naast de laadtijd van een pagina is het ook van belang hoeveel gelijktijdige bezoeken de pagina kan verwerken voordat er een time-out optreedt. En hier kunt u serieuze verschillen zien tussen WP 4.9.4 en de versie van WordPress 5.0 die we getest hebben.

Voor onze test hebben we een lege WP pagina aangemaakt met de tool Loader.io met 500, 750 en 1.000 uncached verzoeken per minuut en het resultaat is opmerkelijk. Terwijl de pagina met WP 4.9.4 al onderuit gaat bij 750 verzoeken per minuut en een gemiddelde responstijd (d.w.z. Time To First Byte) laat zien van 4,9 seconden, is de pagina met WordPress 5.0 veel stressbestendiger.

Zelfs met 1.000 verzoeken is de gemiddelde TTFB van de pagina nog steeds - niet goed maar stabiel - 863 milliseconden. Dat is minder dan een negende van de waarde van de pagina met WordPress 4.9.4.

Test 5: Belastingtest lege WP-pagina

Wij vonden dit verschil eerlijk gezegd moeilijk te geloven, maar zelfs bij de derde, vierde en vijfde run bleven de verschillen stabiel.

Dit resultaat verbaasde ons zo erg dat we dezelfde test ook uitvoerden met het Apache benchmark tool in de backend. Ook hier is het resultaat verbluffend: de pagina onder WordPress 5.0 kan 50 procent meer verzoeken verwerken dan de pagina onder WordPress 4.9.4.

Door de optimalisatie van de broncode in WordPress 5.0 worden sommige bronnen aan de serverzijde bespaard. Dit betekent dat de beschikbare middelen meer verzoeken tegelijk kunnen verwerken.

Conclusie: WordPress 5.0 heeft ons positief verrast.

Hoezeer WordPress 5.0 uiteindelijk de prestaties van uw site verandert, zal pas duidelijk worden in de bèta- en volledige versie. Eén ding is echter zeker: WordPress 5.0 draait veel stabieler onder belasting dan versie 4.9.4 in onze test.

Vanuit het oogpunt van laadcompatibiliteit kunnen wij op dit moment alleen de update naar WordPress 5.0 aanbevelen. Zoals hierboven vermeld, kunnen er echter nog veel dingen veranderen vóór de release, waaronder deze testresultaten. 

Bovendien hebben we ons bij deze tests volledig op de prestaties geconcentreerd. Zodra de WordPress 5.0 beta uitkomt, we zullen ook kijken naar compatibiliteit met Plugins en Themes en de algemene functionaliteit van de... Gutenberg editor zal worden bekeken. Pas dan kunnen wij een definitieve update aanbevelen. We zullen dit onderwerp dus in de gaten houden en hopelijk kunnen we u binnenkort van nieuwe gegevens voorzien.

Heb je WordPress 5.0 of de Gutenberg-Plugin al getest? Laat dan een reactie achter, ik ben blij met meer ervaringen!

RAIDBOXER van het eerste uur en Head of Support. Bij Bar- en WordCamps praat hij het liefst over PageSpeed en website-performance. De beste manier om hem om te kopen is met een espresso - of Beierse Brezel.

Reacties op dit artikel

Laat een opmerking achter

Jouw e-mailadres zal niet worden gepubliceerd. Verplichte velden zijn met een * gemarkeerd.