headersitespeed
headersitespeed

WordPress optimaliseren

| 2 Comments

Resultaat

Laten we de metingen nu op een rijtje zetten. In onderstaande grafieken heb ik de laadtijd uitgezet tegen de verschillende optimalisatie stappen die we hier boven hebben gezet:

  1. Eerst het comprimeren van afbeeldingen en gebruiken van JQuery bij Google
  2. Gebruik van W3 total cache: page caching, browser caching, javascript minifying
  3. Gebruik van CloudFlare CDN

In de linker grafiek staat de eerste keer laden vanuit Amsterdam, in de rechter grafiek de tweede keer laden

comparison AMS2 Wordpress optimaliseren image

Optimalisatie laadtijd vanuit Amsterdam

Een duidelijke verbetering van +- 10 sec naar +- 2 sec. Nogmaals, bedenk wel dat dit gebaseerd is op enkele metingen, en er aanzienlijke fluctuatie in de resultaten kan bestaan. Voor een tweede keer laden is het verschil veel minder groot, maar er is ook minder te winnen. Wat opvalt is de laadtijd van de header afbeelding wanneer w3 total cache wordt gebruikt. Blijkbaar zit er een fout in de browser caching instructies en wordt de afbeelding opnieuw geladen.

comparison MON2 Wordpress optimaliseren image

Optimalisatie laadtijd vanuit Montreal

Vanuit Montreal is er ook een verbetering, maar deze is wel kleiner. Van +- 10 sec naar +- 6 sec.  Met name het voordeel van de CDN is hier minimaal. Ook bij een tweede keer laden is het verschil kleiner.

Om af te sluiten wil ik nog even naar de eerste grafiek terug, de laadtijd van de webpagina. Ook die ziet er een heel stuk beter uit:

afterOptimize Wordpress optimaliseren image

Laadtijd pagina na volledige optimalisatie

Al met al is er dus best wel wat winst te behalen met website versnelling. Maar voordat je begint aan allerlei hippe optimalisaties, probeer eerst eens je plaatjes kleiner te maken.

2 Comments

  1. It would be fine if you could write this is English too!
    (The pages you have in English are very impressing!)
    Ole Jacob Bryhni Frostad (Norway)

Leave a Reply

Required fields are marked *.