Webrendering av nyhetsinnehåll i klientbaserad och serverbaserad JavaScript : En prestandajämförelse mellan Nuxt.js med SSR & Vue.js med CSR

Sammanfattning

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.