Jämförelse av filstorlek och prestanda mellan olika webbutvecklingssätt – En praktisk undersökning
Korhonen, Linus (2023)
Korhonen, Linus
2023
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202303022990
https://urn.fi/URN:NBN:fi:amk-202303022990
Tiivistelmä
Webbsidornas betydelse har ökat avsevärt under det senaste decenniet och idag kan webbsidor byggas på ett flertal olika sätt då användningen av frontend-ramverk har vuxit markant. Enligt Jacobs (2022) är webbsidans prestanda den viktigaste faktorn och således torde detta ligga i fokus då en sådan utvecklas. Med flera olika webbutvecklingsmetoder tillgängliga finns det inget entydigt bästa alternativ då valet är i stort sett fast på programmerarens preferenser. Syftet med detta arbete är således att jämföra filstorlek och prestanda i form av inladdningstid mellan traditionell webbutveckling, React.js- och Vue.js utveckling. Undersökningen är utvecklingsmetods- och tidsbegränsad eftersom endast tre utvecklingsmetoder undersöks under en given tidpunkt. Som metoder för mätning av prestanda används Google Developer Console, Google Page Speed och GTmetrix. Resultaten från undersökningen tyder på att de tre olika utvecklingssätten har relativt liknande prestanda eftersom endast små skillnader kan identifieras. Vue.js-ramverket presterar sämst i alla test medan de två andra utvecklingssätten ger varierande resultat. Således kan inga definitiva slutsatser dras gällande rangordningen av de undersökta utvecklingsmetoderna. Däremot tyder webbsidornas underliggande filer på att en ramverk-baserad webbsida är betydligt större än en traditionell då exempelvis React.js-applikationen i produktionsstadiet är drygt tre gånger större än traditionella webbsidan.