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
Evaluation of AI-Assisted Optimization: The Impact of GitHub Copilot on Web Performance and Usability in React Applications
Blekinge Institute of Technology, Faculty of Computing, Department of Software Engineering.
2026 (English)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesis
Abstract [en]

Slow performance in JavaScript-heavy single-page applications is a well-known problem in real-world environments, and rendering inefficiencies are one of the main reasons for poor Core Web Vitals scores. GitHub Copilot is advertised as a tool that can fix it. Previous studies have looked at Copilot for code-completion tasks, but none have measured its effect on frontend architectural restructuring using both performance metrics and user experience data. This study tests whether GitHub Copilot can speed up a slow, poorly built React e-commerce app. The goal is to measure the AI's impact on machine performance, the end-user experience, and the practical challenges developers face when using AI to fix React architecture. Using a mixed-methods approach, this study combines objective Google Lighthouse measurements under strict hardware throttling to reveal real performance bottlenecks, with a usability survey of 140 participants to test whether the speed improvements actually helped users. It records all AI prompts and generated code to document the developer's workflow and any problems faced. Copilot proved to be a highly effective optimizer for specific parts of the application, eliminating main-thread freezing, and an unexpected improvement in accessibility scores was also observed. However, it struggles with global architecture. It caused functional errors, such as deleting important buttons, breaking pagination, and losing file context, but successfully improved the end-user experience. Correlation analysis indicated that the observed Lighthouse performance improvements were associated with higher user satisfaction scores, with the median increasing from 2.80 to 4.27. GitHub Copilot is a fast coding assistant, but it cannot act as an independent software architect. It speeds up the optimization process but forces developers to constantly check for AI mistakes. It can significantly improve performance and usability in React e-commerce applications with similar characteristics, but only if a skilled human developer supervises the process.

Place, publisher, year, edition, pages
2026. , p. 36
Keywords [en]
Artificial Intelligence, AI, GitHub Copilot, Performance, Usability, E-commerce, React
National Category
Software Engineering
Identifiers
URN: urn:nbn:se:bth-29903OAI: oai:DiVA.org:bth-29903DiVA, id: diva2:2076526
Subject / course
PA1445 Bachelor's Thesis in Software Engineering
Educational program
PAGPT Software Engineering
Supervisors
Examiners
Available from: 2026-06-23 Created: 2026-06-22 Last updated: 2026-06-23Bibliographically approved

Open Access in DiVA

Evaluation of AI-Assisted Optimization The Impact of GitHub Copilot on Web Performance and Usability in React Applications(2744 kB)33 downloads
File information
File name FULLTEXT01.pdfFile size 2744 kBChecksum SHA-512
adadc5ac4a559c1f3759e80eb86e6896ac3320f82c1f07886d3ec673a8eb030e01e95455f05326342e5d866b3db3fd7e2ae7dc914fc8dc5fccb93c18abac8df1
Type fulltextMimetype application/pdf

By organisation
Department of Software Engineering
Software Engineering

Search outside of DiVA

GoogleGoogle Scholar
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: 25 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