Webrendering av nyhetsinnehåll i klientbaserad och serverbaserad JavaScript: En prestandajämförelse mellan Nuxt.js med SSR & Vue.js med CSR
2025 (Swedish)Independent thesis Basic level (degree of Bachelor), 20 credits / 30 HE credits
Student thesisAlternative title
Web rendering of a newspage in client based and server side JavaScript : A performance comparison between Nuxt.js with SSR & Vue.js with CSR (English)
Abstract [sv]
Detta examensarbete undersöker hur renderingsteknikerna Client-Side Rendering (CSR) och Server-Side Rendering (SSR) påverkar prestanda i en nyhetsapplikation byggd med Vue.js och Nuxt.js. Studien motiveras av vikten av snabb laddningstid och god användarupplevelse, särskilt inom nyhetsmedier. En teknisk experimentmetod användes där två identiska applikationer utvecklades och prestandamättes med JavaScript och exporterades till CSV för statistisk analys. Mätningarna visade att CSR presterade snabbare vid mindre datamängder, medan SSR uppvisade stabilare och snabbare resultat vid större datamängder. Resultaten analyserades kvantitativt med hjälp av ANOVA-test. Studien visar att valet av renderingsteknik bör anpassas efter applikationens datavolym och kontext. Framtida arbete kan utöka datamängden, inkludera bildmaterial eller undersöka andra ramverk som React eller Next.js.
Place, publisher, year, edition, pages
2025. , p. 52, 2
Keywords [sv]
Vue.js, Nuxt.js, rendering, CSR, SSR, prestanda
National Category
Computer Sciences
Identifiers
URN: urn:nbn:se:his:diva-25449OAI: oai:DiVA.org:his-25449DiVA, id: diva2:1982129
Subject / course
Informationsteknologi
Educational program
Web Developer - Programming
Supervisors
Examiners
Note
Det finns övrigt digitalt material (t.ex. film-, bild- eller ljudfiler) eller modeller/artefakter tillhörande examensarbetet som ska skickas till arkivet.
There are other digital material (eg film, image or audio files) or models/artifacts that belongs to the thesis and need to be archived.
2025-07-282025-07-072025-09-29Bibliographically approved