Projektet

En jämförande studie i hur tre identiska UI med olika frontendarkitektur påverkar prestanda och dataförbrukning.

Projektet sätter upp en empirisk studie med tre funktionellt och visuellt identiska sidor för varje arkitektur och jämför deras inital load metrics och total byte weight med Google Lighthouse.

Resultaten analyseras med Pandas för att identifiera de olika lösningarnas prestanda och avvikelsevärden. Den teoretiska delen av examensarbetet går igenom en noggrant formulerad metod för att undvika bias, gör en litteraturundersökning och analyserar resultaten både inom projektet och deras generaliserbarhet.

Publicerad under: rn:nbn:se:bth-29693

Tekniker

• React - SPA med react router
• Astro - Som “Islands hydrated”
• Svelte - Som enskilda komponenter av interaktivitet i Astro
• Hono - Backend
• Lighthouse - Programmatisk uppsättning med loggning av resultat i JSON-format
• Pandas
• Matplot / Seaborn

Lärdom

Examensjobbet lärde mig mer om hur olika frontendarkitekturer fungerar, och hur deras renderingsstrategier påverkar prestanda och dataförbrukning i applikationer.

Att arbeta med en empirisk studie gav mig kunskap inom hur man sätter upp experimentiell kod och hur dessa kan jämföras, samt en ökad kunskap om metodik.

En av dem viktigaste kunskaperna jag fick från detta projekt var hur man med hjälp av korrekta teknikval redan i planeringsarbetet kan påverka en webapplikations framtida prestanda och dataförbrukning och hur dessa korrelerar med varandra.