Planned maintenance
A system upgrade is planned for 24/9-2024, at 12:00-14:00. During this time DiVA will be unavailable.
Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Green and Sustainable JavaScript: a study into the impact of framework usage
Blekinge Institute of Technology, Faculty of Computing, Department of Software Engineering.
2023 (English)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesis
Abstract [en]

Background. Using JavaScript frameworks has become a popular approach for developing web applications. However, the large bundle sizes associated with framework usage may not always be necessary from a sustainability standpoint. Utilizing a framework or not could potentially impact a web application’s performance and carbon emissions. 

Objectives. This study aims to identify sustainable approaches to frontend web development and investigate whether a comparable difference in performance, energy consumption, and carbon emissions exists between applications built using a framework like React.js versus those developed using vanilla JavaScript. 

Methods. A literature review was conducted to identify important factors for creating sustainable web applications from previously published materials. An empirical study was performed where two test applications were created; one developed in vanilla JavaScript and one using the React.js framework. Experiments on these prototypes compared performance and estimated carbon emissions on the applied technologies. 

Results. When researching literature published on sustainability within web development, the factor most frequently mentioned was web performance optimization. The results of the empirical study found that the application written in vanilla JavaScript achieved higher performance metrics and lower estimated carbon emissions than the prototype developed with React.js. 

Conclusions. This thesis has found that web performance optimization is an important, powerful, and easy-to-use approach for achieving more sustainable web applications. This study has found several important factors for creating sustainable web applications, which can significantly impact an application’s carbon emissions. The study found that the best-performing test application achieved the lowest estimated carbon footprint. This thesis recommends that developers make informed decisions and consider sustainability when choosing a development strategy, like using a framework or not for future projects. 

Place, publisher, year, edition, pages
2023.
Keywords [en]
sustainability, web development, JavaScript, carbon emissions, performance
National Category
Software Engineering
Identifiers
URN: urn:nbn:se:bth-24838OAI: oai:DiVA.org:bth-24838DiVA, id: diva2:1768632
Subject / course
PA1445 Kandidatkurs i Programvaruteknik
Educational program
PAGWE Web Programming
Supervisors
Examiners
Available from: 2023-06-16 Created: 2023-06-15 Last updated: 2023-08-31Bibliographically approved

Open Access in DiVA

Green and Sustainable JavaScript - a study into the impact of framework usage(253 kB)566 downloads
File information
File name FULLTEXT01.pdfFile size 253 kBChecksum SHA-512
f6d12a585b9598307fc4aa4cb4a456e916718420691aae90637597f3ab8574625d85403526f5496ae5f97176da08afeea0f6446fd4aa1f9de59e1cd4cfe31598
Type fulltextMimetype application/pdf

By organisation
Department of Software Engineering
Software Engineering

Search outside of DiVA

GoogleGoogle Scholar
Total: 566 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

urn-nbn

Altmetric score

urn-nbn
Total: 1773 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf