This thesis compares three modern JavaScript frameworks—Next.js, SvelteKit, and Astro—for e-commerce web development, focusing on how different rendering strategies (Static Site Generation, Server-Side Rendering, and Client-Side Rendering) affect performance metrics like load times, interactivity, and resource efficiency. Prototype e-commerce applications were developed using each framework, and performance testing was conducted to measure First Contentful Paint (FCP), Largest Contentful Paint (LCP), Interaction to Next Paint (INP), page size, and SEO-friendliness. Results show that Astro and SvelteKit consistently outperforms Next.js in load times and resource efficiency. However, the differences in performance metrics are not drastically large. All three frameworks are capable of delivering high-quality e-commerce applications. Therefore, decision-makers should also consider factors such as developer experience, community support, and specific project requirements when selecting a framework.
| Identifer | oai:union.ndltd.org:UPSALLA1/oai:DiVA.org:lnu-130340 |
| Date | January 2024 |
| Creators | Kroon Celander, Erik, Möllestål, Amanda |
| Publisher | Linnéuniversitetet, Institutionen för datavetenskap och medieteknik (DM) |
| Source Sets | DiVA Archive at Upsalla University |
| Language | English |
| Detected Language | English |
| Type | Student thesis, info:eu-repo/semantics/bachelorThesis, text |
| Format | application/pdf |
| Rights | info:eu-repo/semantics/openAccess |
Page generated in 0.002 seconds