De grote caching test – De voorbereiding

,
wordpress plugin cache test

In dit artikel zullen we er alles aan doen om een nieuwe WordPress website zo traag mogelijk te maken. Tegen al onze principes in gaan zetten we zoveel mogelijk plugins aan om een laadtijd van 5 seconden te krijgen met zoveel mogelijk uitvoerende Javascript, PHP & CSS processen.

Dit experiment dient om de cache plugins ultiem te testen en zo te zien welke het beste functioneert onder grote druk!

De start

1 vlotte server, 8 gig ram Intel(R) Xeon(R) CPU E5-2683 v3 @ 2.00GHz (Er draaien momenteel meerdere sites)

1 nieuwe WordPress installatie met het standaardthema van WordPress 2017

Gebruikte testmethode:
– Google Developer Tools (Network view)
– Herladen zonder browsercache!

Bij deze tests is niet gebruik gemaakt van Pingdom of GTmetrix aangezien die diverse factoren hebben waardoor onjuiste informatie weergegeven worden.

Snelheid na verse installatie:
800 ms (milliseconden, ook wel 0.8 seconden)

Nu weten we allemaal dat geen enkele WordPress website zonder plugins draait.
Uit eerdere test hebben wij geleerd dat iedere plugin 0.3 tot 1 seconden toevoegt aan de laadtijd.

Hieronder het verslag van de plugins we ingezet hebben, en de laadtijden die erbij gekomen zijn.

WooCommerce +0.3 seconden (Nog zonder weergave van producten etc)
WordFence +0.2 seconden
Count per day +0.1 seconden

We hebben de winkelmand en de bezoekersteller op de testpagina gezet, maar de site is niet traag te krijgen.
Met de wetenschap dat de meeste websites tussen de 3 en 9 seconden nodig hebben om te laden, hebben we nog een lange destructieve weg te gaan om de caching plugin goed te kunnen testen.

We gaan we er nog wat plugins en data inzetten!

We verhogen de grootte naar 432KB met een mooie afbeelding van de zon die goed is voor 110KB.
snelheid

Dan een contactformulier (Contact form 7) erbij +0.1 seconden

Daarna Yoast SEO erbij waarmee er wel een paar requests bijkomen maar nog steeds geen spannende laadtijd met: 1.65 seconden.

wordpress caching
Hier zal geen bezoeker op afhaken en ook Google pagespeed insights vindt het nog oké.

Conclusie tot nu toe, 5 plugins op een WordPress website zijn nog geen enkel probleem.

We gaan de druk verder opvoeren!

Het wordt tijd voor het grove geschut, een Nextgen gallery met 10 afbeeldingen. Nextgen maakt daar 10 nette thumbs van en laadt de afbeeldingen pas na klikken met een lightbox. Dikke pluim voor Nextgen 😉

snelheid wordpress website
Je ziet dat de website qua data omhoog geschoten is naar 887KB maar de server laadt de website nog veel te snel voor deze test, 1.82 seconden.

Voor deze test voegen we nog maar even een mooie tekst van 442 woorden toe via Lorum Ipsum.

Een tekst van 400 woorden telt 3 kb wat zo goed als geen vertraging oplevert.

Een pagina van 2 meter

We hebben nu een pagina van 2 meter met een contactformulier, een grote foto, een slideshow. En niet te vergeten een verhaal van 400 woorden.

De website laadt nog binnen 2 seconden..

wordpress test
Waarom zijn die caching plugins dan zo nodig??

Er worden in veel websites zonder schaamte 30-40 plugins gebruikt. Of de afbeeldingen worden niet gecomprimeerd.

Hoe-dan-ook, je bent hier gekomen voor de grote caching test.. we moeten dus nog even door!

Van 2 naar 5 seconden laadtijd?

We gooien er nog een youtube video tegenaan (iFrame embedded) en zitten op een 2.15 seconden

youtube screen
Enn..

Een Polls plugin, Cookie popup Tawk to live chat, Slider WD

We zitten nu nog steeds aan een redelijk snelle laadtijd van 3 seconden!

wel hebben we 100 requests gehaald (Aanvragen / te laden objecten) die de website vertragen.
Op een nette manier krijgen wij de website niet traag, nu gaan we over tot het activeren van nog 10 plugins die we middels widgets en [shortcodes] op de pagina tonen.

wordpress load
122 requests, load 4.58 seconden (Let niet op de finish time, die loopt op moment van lezen nog steeds op door de slider)

Wat ons betredt is het “Tijd” om de cache plugins te testen!

De caching plugins,  waar testen we die op?

Waar gaan we op letten?
De snelheid is vanzelfsprekend maar we gaan vooral letten op het aantal requests.
Dat is namelijk wat een caching plugin doet: Het samenvoegen en voor-berekenen van scripts zodat je de berekende data zo snel mogelijk met zo min mogelijk serverbelasting/serveraanvragen op je scherm krijgt.

En natuurlijk,

Werken de plugins nog? Laadt de website nog goed? En, hoe zit het met al die Javascript & CSS bestanden die samengevoegd worden? Breekt dat de styling niet op?

Deel 2 zal hier verder op ingaan.

 

0 antwoorden

Plaats een Reactie

Meepraten?
Draag gerust bij!

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *