Meten is weten, ook als je je website wilt gaan versnellen. Bepaal altijd eerst de beginsituatie voordat je je website gaat optimaliseren. Zo kun je de begin en eindsituatie goed met elkaar vergelijken. Als je op meerdere fronten verbeteringen uitvoert, voer dan ook tussentijdse metingen uit zodat je van elke maatregel het effect kunt bepalen. Er zijn meerdere tools beschikbaar waarmee je eenvoudig je performance kunt meten. Let wel dat niet elke meting alles zegt: stel dat je punten krijgt voor het comprimeren van je Javascript, dan nog is de site niet efficient als het bestand meer dan 1 MB groot is natuurlijk! Het ene tool kijkt hier specifieker naar dan het andere:

Ze delen allemaal de performance van je site op in deelgebieden, en geven dan per onderdeel aan wat al goed is en wat nog verbeterd kan worden. Daarnaast geven ze een overall-score, meestal in een soort puntensysteem, soms ook met een gemeten laadtijd. Neem die laadtijd met een korreltje zout en kijk meer naar het globale beeld. Laten we eens in wat meer detail naar een paar van deze diensten kijken:

Joomla Hosting tip: Siteground

Joomlaseo.com laadt in 0.5 - 1 seconden en heeft een Pingdom score van 100%!!! Daarom bevelen we Siteground hosting aan. Snelle servers, goede support, gratis SSL, etc. En niet duur...

 

GT-Metrix

GT-metrix is een erg handige tool omdat het 2 metingen combineert, die beide net iets anders scoren. Zo krijg je een nog completer beeld van de issues:

Je ziet direct dat de performance opgedeeld is in meerdere onderdelen. Je ziet hier al dat de Pagespeed en de Y-Slow scores enigszins afwijken. Y-slow legt weer net wat andere accenten dan Pagespeed. Y-slow legt bijvoobeeld meer de nadruk op een Content Delivery Networks terwijl Pagespeed dat wat minder belangrijk vindt. Je kunt met een gratis account 1 website dagelijks geautomatiseerd laten checken.

Pingdom Tools

Pingdom tools toont vergelijkbare informatie als GT-metrix. Beide maken ook een inschatting van de laadtijd van een website, en Pingdom schat deze altijd veel sneller in dan GT-Metrix. dat is ook de reden dat je deze meting niet al te serieus moet nemen. Het puntensysteem zegt meer. Je kunt met het Waterfall tabje goed zie welke bestanden wanneer worden geladen. Het Performance tabje geeft je dan indicaties over te verbeteren onderdelen.

Joomla Hosting tip: Siteground

Joomlaseo.com laadt in 0.5 - 1 seconden en heeft een Pingdom score van 100%!!! Daarom bevelen we Siteground hosting aan. Snelle servers, goede support, gratis SSL, etc. En niet duur...

 

Wat erg leuk is bij Pingdom is dat je een website gratis kan laten monitoren. De website wordt dan elke 5 minuten doorgemeten. Hermee kun je heel mooi wijzigingen zien als je bv je server upgrade, of andere maatregelen neemt:

Google Pagespeed Insights

 

Google Pagespeed kijkt op een iets andere manier naar performance dan de andere metingen. Ze leggen namelijk sterk de nadruk op de zogenaamde Above-the-fold content, dat deel van de pagina wat je als eerste ziet, voordat je gaat scrollen. Alleen CSS en Javascript die voor die weergave nodig is zou direct geladen moeten worden, de rest pas later. Dit vereist dus opsplitsen van je bestanden, wat gemakkelijk gezegd dan gedaan is. De plugin JCH-Optimize heeft de optie Optimize CSS Delivery die dit poogt op te lossen. Soms kun je hier de score iets mee verbeteren.

DareBoost

Een mooie nieuwkomer is DareBoost. Het meet de meeste aspecten van snelheid en performance, maar doet ook een paar security checks. Het is zowel gratis als betaald te gebruiken, maar de gratis check werkt al prima:

Yellow Lab Tools

Yellow Lab Tools is een specifieke performance tool voor met name front-end developers. Net als andere tools checkt het weliswaar op zaken als caching, Javascript en CSS optimilisatie, etcetera, maar het checkt specifieke front-end zaken in veel meer detail. Om een voorbeeld te noemen, het checkt je CSS efficientie. Als je nu het complete Boostrap framework laadt krijg je waarschijnlijk minpunten omdat je veel declaraties helemaal niet gebruikt, en ze dus onnodig geladen worden. Vooral als je zelf templates bouwt is dit handig om te kunnen checken. Als je commerciele templates kiest zul je waarschijnlijk nooit een 100% score krijgen, omdat deze eigenlijk altijd veel CSS voor alle mogelijke situaties in laadt. Zo krijgt Joomlaseo.com (met een Rockettheme template) in Yellow Lab niet meer dan een B, terwijl deze in Pingdom en Pagespeed een 100% score krijgt:

 

Load Impact

Een tool met een heel andere aanpak is Loadimpact.com. Het kijkt niet alleen maar naar een enkele sessie, maar kijkt vooral hoe de site reageert op load door een grote hoeveelheid dummy verkeer af te vuren met Virtual Units. Vooral als je veel verkeer op je site verwacht kan dit een nuttige test zijn. Loadimpact is een betaalde tool, maar na registratie kun je gratis 5 tests van 5 minuten draaien, elke maand opnieuw:

Conclusie

Al deze tools geven je goede adviezen, maar gebruik altijd je gezonde verstand, en laat je niet alleen leiden door de punten en de metingen. Als voorbeeld: Als je een grote slider op je pagina gebruikt kan de meting je gewoon vertellen dat de benodigde javascript keurig gecomprimeerd is, en dat het plaatje netjes gestript is van alle metadata met lossless compressie, en de score in punten zal dan prima zijn. Je weet echter zelf wel dat die slider wel ingeladen moet worden, en beter zou zijn om helemaal geen slider te gebruiken.