Hur presterar en webbplats som är byggd efter en multi-page arkitektur eller single-page arkitektur prestandamässigt? Hur stor påverkan har navigeringstider för webbplatser på användare och hur blir en webbplats mer användbar? En single-page applikation i två versioner har byggts upp med en Ajax sökfunktion som tillhandahåller en datauppsättning från StackOverflow. Undersökningsmetoderna experiment och användarstudie har tillämpats för att bevisa eller motbevisa hypotesen. Resultatet blev att single-page arkitekturen bevisades vara snabbare än multi-page arkitekturen. Användare anser att svarstider på webbplatser är mycket viktiga. En webbsidas design påverkar användarens vilja att använda denna och enligt deltagande testpersoner valdes en av versionerna ut som mer användbar.

Hur presterar Single-page applikation och Multi-page applikation beroende på datamängden webbsidan består av?  Hur påverkas svarstiderna beroende om det är en MPA- eller en SPA-baserad webbsida. Dessa frågor är de som ligger i fokus för detta arbete. Empiriska mätningar tillämpades för att besvara de frågor. En webbsida skapades för skönhetssalongen Red Carpet i Skövde. Två olika versioner av webbsidan utvecklades, en SPA-baserad och en MPA-baserad. Skillnaden mellan de båda versionerna är enbart att ena är utvecklad som en SPA och den ena är utvecklad som en MPA.Därefter lades en varierande datamängd i form av bilder till på sidorna för att se hur datamängden påverkar webbapplikationernas svarstider.

The usage of e-commerce web applications is an ever-growing business model that has taken over some companies' main revenue source. When building these applications, the decision on which architectural option to choose for the application is made, such as multi-page or single-page, but there is also the option on what tools the developer will utilize. Some of these tools are React and Angular frameworks, which provide a unique experience when developing applications. React provides a structure that uses the FLUX pattern, and Angular provides an MVC pattern. Two artifacts have been created to compare these frameworks, run with the program XAMPP to have a database connection. By running a script that navigates the applications, an analysis of which frameworks are more fitting for a multi-paging and e-commerce environment could be decided, followed by an ethical discussion and potential future work.

Arbetet undersöker huruvida en traditionell multi-page applikation eller en AJAX baserad single-page applikation presterar bäst med hänsyn till quality of service där insamling och analys av svarstider nyttjas för att undersöka frågan. Arbetet specificerar vidare på M-commerce där mobila enheter uppkopplade mot mobila nätverk ligger ifokus. Arbetet utförs som ett experiment där en multi-page samt en single-page e-handels applikation med samma utseende och funktionalitet utvecklas, varpå svarstider samlas in genom att automatisk bläddra genom en mängd produkter via pagination där svarstiderna loggas. Mätningar utfördes för nätverken WiFi, 4G samt 3G med varierande datamängd. Resultaten för applikationerna jämförs sedan med hjälp av diagram och ANOVA tester som resulterade i slutsatsen att single-page visade sig inneha de kortaste svarstiderna i 8/9 mätserier. I framtiden vore det även intressant att bland annat undersöka flera funktionaliteter hos applikationen som kundvagnen, sökmotorn och navigation mellan produkttyper för att framställa ett mer fullständigt resultat. / <p>Det finns övrigt digitalt material (t.ex. film-, bild- eller ljudfiler) eller modeller/artefakter tillhörande examensarbetet som ska skickas till arkivet.</p>