User flow testing for sustainability evaluation of dynamic websites

Abstract

Internett har blitt en vesentlig del av våre daglige liv. Flere og flere nettsteder blir opprettet hver dag, men den miljømessige påvirkningen av disse nettstedene blir ignorert. Nettsider blir også stadig mer komplekse, og det finnes et fåtall metoder for å evaluere bærekraften hos disse nettsidene. Populære nettsteder som Facebook og YouTube laster kun en liten del av innholdet ved første besøk; resten må utforskes gjennom videre interaksjon. Revolusjonerende web-rammeverk som NextJS og Svelte har introdusert nye måter å rendre på som gjør at nettsteder kan lastes inn dynamisk etter behov. Standard-metoden for å evaluere nettsteders bærekraft på er ved å kun ta første side-innlasting i betraktning, og dermed blir det dynamiske aspektet som moderne nettsteder og rammeverk introduserer neglisjert.

Dette arbeidet introduserte en ny metode for å evaluere bærekraften til nettsteder ved å ta i bruk brukerflyt-testing. Metoden er basert på såkalte brukerflyter, som er sekvenser av interaksjoner en bruker kan utføre på et nettsted for å oppnå et spesifikt mål. Eksperimenter ble utført på to nettsider. Et sett med felles brukerflyter ble utledet fra disse nettstedene for å dekke moderne industri- standard funksjoner: håndtering av store datasett, filtrering, sortering, søk, paginering og brukerspesifikke funksjoner. Brukerflytene ble simulert ved hjelp av JavaScript verktøyet Puppeteer og målt ved hjelp av Lighthouse Flow API for å fange et utvalgt sett med metrikker som dekker miljøavtrykk og brukeropplevelse.

Funnene indikerer at å utvide evalueringen av nettsteders bærekraft med brukerflyt testing gir et mer omfattende bilde av hvordan nettstedet presterer fra et mer brukerorientert perspektiv. Den miljømessige påvirkningen av nettstedene blir betydelig høyere når man tar brukerflytene i betraktning, og brukeropplevelsen har nyanser som ikke kommer frem ved å begrense målinger til kun den første side-innlastingen. Brukerflyt testing er derfor et kritisk skritt mot å ha verktøyene som trengs for å møte den økende kompleksiteten til moderne nettsteder og rammeverk.

The internet has become an integral part of our daily lives. More and more websites are being created every day, but the environmental impact of these websites is being ignored. Websites are also increasing in complexity, and methods for sustainability evaluation are scarce. Popular websites such as Facebook and YouTube only load a small part of their content when first visited; the rest has to be explored through further interaction. Revolutionary web frameworks such as NextJS and Svelte have introduced new rendering schemes that allow websites to be progressively loaded on demand. As the standard way of evaluating website sustainability is by considering only the initial page load, the dynamic aspect introduced by modern websites and frameworks is neglected.

This paper introduced a new method for evaluating the sustainability of websites by utilizing user flow testing. The method is based on user flows, which are sequences of interactions a user can perform on a website to achieve a specific goal. Experiments were conducted on two websites. A set of common user flows was derived from these websites to cover industrial-grade modern features: serving a large dataset, filtering, sorting, searching, pagination, and user-specific functionality. The user flows were simulated using the JavaScript scripting tool Puppeteer and measured using the Lighthouse Flow API to capture a select set of metrics covering environmental impact and user experience.

Findings indicate that extending the evaluation of website sustainability to include user flows provides a more comprehensive view of how the website performs from a more user-centric perspective. The environmental impact of the websites was found to be significantly higher when considering user flows, and the user experience was found to have intricacies and nuances that were not properly captured by measuring only the initial page load. User flow testing is therefore a critical step in acquiring the necessary tools to handle the increasing complexity of modern websites and frameworks.