{"id":9827,"date":"2017-11-07T13:33:29","date_gmt":"2017-11-07T11:33:29","guid":{"rendered":"http:\/\/www.wpbeveiligen.nl\/?p=9827"},"modified":"2017-11-07T13:33:29","modified_gmt":"2017-11-07T11:33:29","slug":"grote-caching-test-voorbereiding","status":"publish","type":"post","link":"https:\/\/wpbeveiligen.nl\/nieuws\/grote-caching-test-voorbereiding\/","title":{"rendered":"De grote caching test – De voorbereiding"},"content":{"rendered":"

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.<\/strong><\/p>\n

Dit experiment dient om de cache plugins ultiem te testen en zo te zien welke het beste functioneert onder grote druk!<\/p>\n

De start<\/h2>\n

1 vlotte server, 8 gig ram\u00a0Intel(R) Xeon(R) CPU E5-2683 v3 @ 2.00GHz (Er draaien momenteel meerdere sites)<\/p>\n

1 nieuwe WordPress installatie met het standaardthema van WordPress 2017<\/p>\n

Gebruikte testmethode:
\n– Google Developer Tools (Network view)
\n– Herladen zonder browsercache!<\/p>\n

Bij deze tests is niet gebruik gemaakt van Pingdom<\/a> of GTmetrix<\/a> aangezien die diverse factoren hebben waardoor onjuiste informatie weergegeven worden.<\/p><\/blockquote>\n

Snelheid na verse installatie:
\n800 ms (milliseconden, ook wel 0.8 seconden)<\/strong><\/p>\n

Nu weten we allemaal dat geen enkele WordPress website zonder plugins draait.
\nUit eerdere test hebben wij geleerd dat iedere plugin 0.3 tot 1 seconden toevoegt aan de laadtijd.<\/p>\n

Hieronder het verslag van de plugins we ingezet hebben, en de laadtijden die erbij gekomen zijn.<\/p>\n

WooCommerce<\/em> +0.3 seconden<\/strong> (Nog zonder weergave van producten etc)
\nWordFence<\/em>\u00a0+0.2 seconden
\n<\/strong>Count per day<\/em>\u00a0+0.1 seconden<\/strong>
\n<\/strong>
\nWe hebben de winkelmand en de bezoekersteller op de testpagina gezet, maar de site is niet traag te krijgen.
\nMet 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.<\/p>\n

We gaan we er nog wat plugins en data inzetten!<\/p>\n

We verhogen de grootte naar 432KB met een mooie afbeelding van de zon die goed is voor 110KB.
\n\"snelheid\"<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

Dan een contactformulier (Contact form 7<\/em>) erbij\u00a0+0.1 seconden<\/strong><\/p>\n

Daarna Yoast SEO erbij waarmee er wel een paar requests bijkomen maar nog steeds geen spannende laadtijd met:\u00a01.65 seconden<\/strong>.<\/p>\n

\"wordpress<\/a>
\nHier zal geen bezoeker op afhaken en ook Google pagespeed insights<\/a> vindt het nog ok\u00e9.<\/p>\n

\"\"<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Conclusie tot nu toe, 5 plugins op een WordPress website zijn nog geen enkel probleem.<\/p>\n

We gaan de druk verder opvoeren!<\/p>\n

Het wordt tijd voor het grove geschut, een Nextgen gallery<\/em> met 10 afbeeldingen. Nextgen maakt daar 10 nette thumbs van en laadt de afbeeldingen pas na klikken met een lightbox. Dikke pluim voor Nextgen \ud83d\ude09<\/p>\n

\"snelheid<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

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.<\/strong><\/p>\n

Voor deze test voegen we nog maar even een mooie tekst van 442 woorden toe via Lorum Ipsum<\/a>.<\/p>\n

Een tekst van 400 woorden telt 3 kB, wat zo goed als geen vertraging oplevert.<\/p>\n

Een pagina van 2 meter<\/h2>\n

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.<\/p>\n

De website laadt nog binnen 2 seconden..<\/p>\n

<\/h2>\n

Waarom zijn die caching plugins dan zo nodig??<\/h2>\n

Er worden in veel websites zonder schaamte 30-40 plugins gebruikt. Of de afbeeldingen worden niet gecomprimeerd.<\/p>\n

Hoe-dan-ook, je bent hier gekomen voor de grote caching test.. we moeten dus nog even door!<\/p>\n

Van 2 naar 5 seconden laadtijd?<\/h2>\n

We gooien er nog een Youtube video tegenaan (iFrame embedded) en zitten op een 2.15 seconden<\/strong><\/p>\n

\"youtube<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

Enn.. Een Polls <\/em>plugin, Cookie popup<\/em>,\u00a0\u00a0Tawk to live chat, Slider WD<\/em><\/p>\n

We zitten nu nog steeds aan een redelijk snelle laadtijd van 3 seconden!<\/p>\n

Wel hebben we 100 requests gehaald (Aanvragen \/ te laden objecten) die de website vertragen.
\nOp 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.<\/p>\n

 <\/p>\n

122 requests, load 4.58 seconden\u00a0<\/strong>(Let niet op de finish time, die loopt op moment van lezen nog steeds op door de slider<\/em>)<\/p>\n

\"\"<\/a><\/p>\n

 <\/p>\n

Wat ons betreft is het “Tijd” om de cache plugins te testen!<\/p>\n

De caching plugins,\u00a0 waar testen we die op?<\/h2>\n

Waar gaan we op letten?
\nDe snelheid<\/strong> is vanzelfsprekend maar we gaan vooral letten op het aantal requests<\/strong>.
\nDat 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.<\/p>\n

En natuurlijk,<\/p>\n

Werken de plugins<\/strong> nog? Laadt de website nog goed<\/strong>? En, hoe zit het met al die Javascript & CSS bestanden die samengevoegd worden? Breekt dat de styling<\/strong>\u00a0niet op?<\/p>\n

Deel 2 zal hier verder op ingaan.<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

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…<\/p>\n","protected":false},"author":1,"featured_media":25879,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,10,30],"tags":[],"class_list":["post-9827","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-beveiligen","category-herstellen","category-woocommerce"],"_links":{"self":[{"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/posts\/9827","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/comments?post=9827"}],"version-history":[{"count":0,"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/posts\/9827\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/media?parent=9827"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/categories?post=9827"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/tags?post=9827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}