4. Testen ❗
2 dagen voor de oplevering heb ik mijn website door een Lighthouse Test gehaald. Hiermee kan ik zien hoe mijn website scoort op zowel performance als op toegankelijkheid. De resultaten waren beter dan ik had gedacht. Zo scoorde ik op toegankelijkheid 100%, en op performance 83%.
Om de performance te kunnen verbeteren kan ik de volgende dingen aanpassen:
Avoid Large Layout Shifts - 15 Layout Shifts found
Serve images in next gen formats - Potential savings of 213KiB
Properly size images - Potential savings of 91KiB
Image elements do not have explicit
widthandheight
Minify Javascript - Potential savings of 112 KiB
Nu ik hier een aantal dingen van heb aangepast kan ik opnieuw de test gaan uitvoeren om te kijken of er verbetering is. Maar helaas, geen vooruitgang in de performance. Hoewel ik nu .webp gebruik ipv .png en daarmee wat bestandsgrootte heb bespaard, heeft dit geen impact gehad op de performance. Dit komt doordat het om zulke kleine bestandsgroottes ging dat het niet erg uitmaakte dat ik een .png heb gebruikt.
Taken:
- Navigeer naar de Hotjar Analytics
- Navigeer naar de Google Analytics
- Navigeer naar de Linkedin Analytics
Scenario:
Je bent een medewerker bij Fresk Digital. Je hebt de leerlingen van FDND gevraagd een Dashboard te maken waarin de statistieken over de website van Fresk Digital te vinden zijn. Je gaat nu voor het eerst gebruik maken van dit dashboard, je hebt van de leerlingen gebruikerscode: '2643' gekregen om in te loggen. Nu ben je heel benieuwd naar welke statistieken er te vinden zijn op dit dashboard, probeer naar de statistieken te navigeren van zowel Google, Hotjar als Linkedin.
Testresultaat:
De gebruiker wist in eerste instantie in te loggen, hoewel ze hier voor de 2e keer een error kreeg omdat ze toen met enter probeerde in te loggen. Op het overzicht van de statistieken wist ze Google gemakkelijk te vinden, maar van Hotjar wist ze niet precies welke het was. Eenmaal gevonden stond er dat er geen data te vinden was. Dat was voor de gebruiker geen probleem want ze kon makkelijk terug navigeren. Dit deed ze via de navigatiebalk bij het kopje 'statistieken'.
Hoe nu verder:
Uit de test is gekomen dat er iets meer duidelijkheid moet komen voor de statistieken. Tijdens de test waren er alleen logo's zichtbaar van bijvoorbeeld Google en Hotjar, maar de gebruiker wist niet dat dat het logo van Hotjar was. Dit kan ik voorkomen door er een titel bij te zetten met de naam erbij. Zo kan ik de verwarring voorkomen.