aalto1 untyped-item.component.html
Web performance monitoring: UX insights from real user data
Loading...
URL
Journal Title
Journal ISSN
Volume Title
School of Science |
Master's thesis
Electronic archive copy is available via Aalto Thesis Database.
Authors
Date
Department
Major/Subject
Mcode
Language
en
Pages
49
Series
Abstract
UI performance is an important aspect in shaping the user experience of a web application. Poor performance, such as long load times and delayed interactions are found to decrease user satisfaction and engagement. This thesis explores the impact that performance has on user experience and presents the design, implementation and evaluation of a performance monitoring tool for an existing application. The study is conducted in the context of a SaaS company that previously lacked performance monitoring practices. Using a design science research approach, the objective is to develop a monitoring artifact that captures meaningful data and supports
performance optimization.
The resulting solution integrates real user monitoring into the target system using the web-vitals library and a custom React hook. The hook passively collects key user-centric metrics including FCP, LCP, CLS, and INP. The monitoring tool is scalable and provides actionable insights without disrupting development workflow.
The evaluation of the artifact demonstrates that it enables reliable and representative performance data collection, while allowing for both long-term monitoring and targeted diagnosis. By focusing on user-centric methods and creating a re-factoring strategy, the monitoring artifact allows for performance improvements to be made with the users experience in mind.
Käyttöliittymän suorituskyky on keskeinen tekijä verkkosivuston käyttäjäkokemuksen muodostumisessa. Heikko suorituskyky, kuten pitkät latausajat ja viiveet vuorovaikutuksessa tutkitusti heikentävät käyttäjätyytyväisyyttä. Tämä diplomityö tarkastelee käyttöliittymän nopeuden vaikutusta käyttäjäkokemukseen sekä suunnittelee, toteuttaa ja arvioi suorituskyvyn seurantatyökalun olemassa olevaan sovellukseen. Diplomityö on toteutettu ohjelmistopalveluita kehittävässä yrityksessä, jossa ei aiemmin ollut käytössä työkaluja käyttöliittymän nopeuden seurantaan.
Kehitetty ratkaisu kerää reaaliaikaisesti dataa sovelluksen loppukäyttäjiltä hyödyntämällä web-vitals kirjastoa ja räätälöityä React hookia. Hook kerää passiivisesti tietoa suorituskyvystä käyttämällä käyttäjäkeskeisiä mittareita, kuten FCP, LCP, CLS ja INP. Työkalu on skaalautuva ja se tarjoaa näkyvyyden ohjelmiston suorituskykyyn häiritsemättä kehitystyötä.
Ratkaisun arviointi osoittaa, että se mahdollistaa luotettavan ja edustavan datan keruun lisäksi sekä pitkän aikavälinen seurannan että kohdennetun ongelmadiagnostiikan. Keskittymällä käyttäjäkeskeisiin mittareihin ja tarjoamalla optimointistrategian, ratkaisu tukee käyttötilittömän suorituskyvyn parantamista käyttäjäkokemusta painottaen.