Selainpuolen web-sovellusten suorituskyky ja suorituskykyyn vaikuttavat tekijät

Loading...
Thumbnail Image

Files

URL

Journal Title

Journal ISSN

Volume Title

Perustieteiden korkeakoulu | Bachelor's thesis
Electronic archive copy is available locally at the Harald Herlin Learning Centre. The staff of Aalto University has access to the electronic bachelor's theses by logging into Aaltodoc with their personal Aalto user ID. Read more about the availability of the bachelor's theses.

Department

Major/Subject

Mcode

SCI3027

Language

fi

Pages

32

Series

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ä.

Description

Supervisor

Savioja, Lauri

Thesis advisor

Hellas, Arto

Other note

Citation