The art of optimizing a website's performance : A study on how a positive user experience correlates with a well-developed and optimized application.

Idag så är webbapplikationer och så kallade hemsidor väldigt vanliga i alla typer av branscher. Alla företag och organisationer verkar ha minst en hemsida och/eller webbapplikation där de kan presentera sina idéer eller sälja sina produkter. Utbudet på webbapplikationer samt användningsvanan hos gemene man leder till att kraven på webbapplikationen avseende snabbhet och användarvänlighet har blivit högre. En undersökning som utfördes av Mercury News visar att om en hemsida tar mer än 3 sekunder att ladda så är risken hög att användaren överger sidan. Detta understryker hur viktigt det är med en snabb laddningstid. Denna studie fokuserar på hur en webbapplikation kan optimeras avseende laddningstid och användarvänlighet samt hur resultatet påverkar användares upplevelse vi användning av applikationen. Studien är baserad på en webbapplikation som är skriven med programmeringsspråket JavaScript och ramverket React.JS. Webbapplikationen använder sig av Unity som backend och Firebase som molnlagringsplattform. Optimeringsmetodiken är dock generell och kan därför även tillämpas på applikationer som är uppbyggda med olika teknologier, språk och ramverk. Studiens uppbyggnad är en litteraturstudie som används för att gagna den kunskap som behövs för att göra ett sådant projekt. Därefter en fallstudie som går igenom de exakta stegen som användes för att optimera webbapplikationens kodbas och till sist testas resultatet både av författaren och av olika ”icke tekniska” användare i en enkätundersökning. Den här studien visar på att det är av betydande skillnad för användaren när en webbapplikation är mer optimerad.Today, web applications and so-called websites are very common in all types of industries. Every company and organization seem to have at least one website and/or web application where they can present their ideas or sell their products. The abundance of web applications and the common usage among users has led to higher demands for faster loading speeds and better user experiences of the web application. The Mercury News writes that if a website takes more than 3 seconds to load, there is a high risk of the user abandoning the page. [8] This reinforces how important it is to have a fast-loading time. This study focuses on how a web application can be optimized in terms of loading time and user experience, and how the result affects users’ opinions about the application. The study is based on a web application written in the JavaScript programming language and the React.JS framework. The web application uses Unity as its backend and Firebase as its cloud storage platform. However, the optimization methodology is general and can therefore be applied to applications built with different technologies, languages, and frameworks. The study is structured as a literature study that is used to gain knowledge about how to carry out the project. Then a case study is presented that goes through the exact steps used to optimize the web applications codebase. Finally, the results are tested by both the researcher and various “non-technical” individuals. The results of this study show that it makes a significant difference for the user when a web application is more optimized