Selainpuolen web-sovellusten suorituskyky ja suorituskykyyn vaikuttavat tekijät

Abstract

Web-sovellusten suorituskyvyllä on merkittävä rooli hyvän käyttäjäkokemuksen luomisessa. Tämä käyttäjäkokemus puolestaan vaikuttaa suoraan siihen, kuinka menestyksekkäitä esimerkiksi kaupalliset web-sovellukset voivat olla. Tutkimusten perusteella voidaan todeta, että osa käyttäjistä lopettaa sivuston käyttämisen, jos sivu on hidas tarjoamaan sisältöään ja mahdollistamaan interaktiivisuuden.

Web-sovelluksen suorituskyky koostuu useammasta osa-alueesta: palvelinpuolen, asiakaspuolen ja tietokoneverkkojen suorituskyvystä. Alueen valinnasta riippuu tutkimuksen ja lähestymistavan luonne. Tämän vuoksi tämä tutkimus rajataan ainoastaan asiakas-puolen suorituskyvyn tutkimiseen. Se tarkoittaa, että keskitytään web-sovelluksen sisällön hahmottamisen tehokkuuteen. Asiakaspuolen suorituskyvyn mittaamiseksi tarvitaan konkreettisia mittareita. Saadaan tietää, että ensimmäinen sisältöelementi (FCP), käyttöliittymän reagointiaika (TTI) ja suurin sisältöelementti (LCP) avaavat koko web-sovelluksen sisällön hahmottamiseen kuluvaa aikaa yksityiskohtaisemmin.

Tässä työssä toteutetaan kaupallinen web-sovellus käyttäen kolmea teknologiaa: Reactia, Vue.js:a ja Qwik Citya. Työn tulokset tarjoavat tietoa siitä, kuinka saman web-sovelluksen toteutus eri kehyksillä tai kirjastoilla voi vaikuttaa suorituskykyyn. Työssä havaitaan, että huolellinen teknologioiden valinta voi tuoda huomattavia parannuksia suorituskykyyn. Erityisesti nämä erot korostuvat ensimmäisen sisällön latautumisessa (FCP) ja käyttöliittymän reagointiajassa (TTI). Suurin sisältöelementti (LCP) puolestaan tarjoaa erikoista tietoa, jossa tuolkset eivät ole enää niin suoraviivaisia varsinkin Qwik Cityn ja Vue.js:n välillä.