Performancetesten door een dummy - Performancetest inclusief afbeeldingen en scripts

De performancetest zoals beschreven in Een HTML pagina performancetest is puur de opgegeven URL, zo ongeveer een HTML pagina, maar dan zonder enige afbeelding. En zonder eventuele scripts, die nodig zijn om bijvoorbeeld data op te halen of elementen te laten veranderen op je pagina.  Maar voor een gebruiker is je pagina pas compleet met deze onderdelen. Dus is de performance meting vaak meer waard met deze afbeeldingen en scripts, dan zonder. Deze extra elementen op je pagina worden embedded resources genoemd.

Toevoegen results tree

Voor dit onderdeel gaan we uit van de performancetest, zoals gemaakt bij Een HTML pagina performancetest.

In JMeter is een heel handig element dat je tijdens de bouwfase van je performancetest heel erg goed kan gebruiken. Dit is de View Results Tree. Dit component zal in verschillende onderdelen terugkomen. Hier heeft die voornamelijk als doel om meer informatie over je embedded resources te achterhalen.

• Klik met je rechtermuisknop op Thread Group
• Klik in het menu op Add > Listener > View Results Tree

Meting zonder en met embedded resources

Om duidelijk te maken wat het verschil is tussen met en zonder embedded resources, gaan we deze twee in zowel de View Results Tree als in het Summary Report naast elkaar zetten. Daarvoor zetten we eerst het aantal keren dat de request wordt uitgevoerd op '1'.

• Klik op Thread Group
• Voer bij Number of Threads de waarde "1" in
• Voer bij Loop Count de waarde "1" in

Nu gaan we gebruik maken van een mogelijkheid in JMeter om dezelfde request in de Summary Report apart weer te geven. Zolang een request dezelfde naam heeft, worden voor de performancetest alle requests in het Summary Report gegroepeerd. Ongeacht hoe vaak je de performancetest start of stopt. Maar als je de naam van het request wijzigt, wordt vanaf dat moment in het Summary Report een nieuwe regel met metingen aangemaakt.

Om de test meer effect te laten hebben, wijzigen we ook de URL naar een URL met meer embedded resources

• Klik op HTTP request
• Wijzig het veld Name naar "HTTP request zonder embedded resources"
• Voer bij Server Name or IP de url "www.npo.nl" in
• Maak het veld Path leeg
• Klik op Start bovenin de knoppenbalk

 Nu de meting met embedded resource

• Klik op HTTP request
• Wijzig het veld Name naar "HTTP request met embedded resources"
• Vink in de groep "Embedded Resources from HTML files"de checkbox "Retrieve all Embedded Resources" aan
• Klik op Start bovenin de knoppenbalk

Resultaten zonder en met embedded resources

Wat het effect is op de laadtijd van de request is al snel te zien in het Summary Report

• Klik op Summary Report

De laadtijd, zoals te zien in de kolom Average, is zonder embedded resources ongeveer 30 x zo klein als met embedded resources.

•  Klik op View Results Tree

 

In de View Results Tree kan je alle afzonderlijke requests zien, die door JMeter zijn uitgevoerd. Zonder embedded resources is dit er maar 1. Maar met embedded resources zijn het er meer. De embedded resources staan in de tree onder "HTTP Request met embedded resources" weergegeven. Zoals te zien is, is dit een hele lijst.

View Results Tree - de basis

Zoals eerder gemeld is de View Results Tree een heel goed hulpmiddel bij het samenstellen van je performancetest. Maar juist omdat het zoveel kan en opslaat, kan hij tevens je perfomancetest gaan beïnvloeden. Ook het opslaan van deze gegevens kost tijd. En die wil je niet bij de echte test. Verwijder daarom altijd dit element als je de performance test gaat uitvoeren.

Daarnaast is het voor nu vooral handig om de tabbladen te begrijpen, die je ziet als je op een request klikt. Op het tabblad Sampler Result staan de belangrijkste gegevens van het resultaat van de request. Denk hierbij aan laadtijd en grootte in bytes. Het tabblad Request geeft de inhoud van het request weer dat JMeter heeft verstuurd. Dit is gelijk aan het request dat een browser verstuurd om een HTML pagina op te vragen. En in het tabblad Response data is te zien welk antwoord is ontvangen n.a.v. het request. Meestal is dit in tekst, b.v. HTML code, maar het kan ook een afbeelding zijn.