Evaluating the Performance Impact of React 19 Server Components in Modern Web Applications
Melapattu, Lokeswari (2026)
2026
Master's Programme in Computing Sciences and Electrical Engineering
Informaatioteknologian ja viestinnän tiedekunta - Faculty of Information Technology and Communication Sciences
This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Hyväksymispäivämäärä
2026-05-22
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:tuni-202605226169
https://urn.fi/URN:NBN:fi:tuni-202605226169
Tiivistelmä
React 19 introduces Server Components as a new rendering model aimed at improving performance by shifting rendering and data-fetching logic from the client to the server. This thesis evaluates the performance impact of React 19 Server Components in modern web applications.
An experimental approach is used to compare three rendering strategies: client-side rendering (CSR), server-side rendering (SSR), and React Server Components (RSC). Performance is measured using quantitative metrics, including First Contentful Paint (FCP), Largest Contentful Paint (LCP), Total Blocking Time (TBT), Time to First Byte (TTFB), Interaction to Next Paint (INP), JavaScript bundle size, and hydration time. Experiments are conducted under controlled conditions to ensure consistency and reproducibility.
The findings show that React Server Components reduce client-side JavaScript payload and improve initial rendering performance, particularly in data-intensive scenarios. However, the results also reveal trade-offs related to increased server workload and architectural complexity. This thesis provides practical insights to support developers and architects in making informed decisions about adopting React 19 Server Components in performance-critical web applications.
An experimental approach is used to compare three rendering strategies: client-side rendering (CSR), server-side rendering (SSR), and React Server Components (RSC). Performance is measured using quantitative metrics, including First Contentful Paint (FCP), Largest Contentful Paint (LCP), Total Blocking Time (TBT), Time to First Byte (TTFB), Interaction to Next Paint (INP), JavaScript bundle size, and hydration time. Experiments are conducted under controlled conditions to ensure consistency and reproducibility.
The findings show that React Server Components reduce client-side JavaScript payload and improve initial rendering performance, particularly in data-intensive scenarios. However, the results also reveal trade-offs related to increased server workload and architectural complexity. This thesis provides practical insights to support developers and architects in making informed decisions about adopting React 19 Server Components in performance-critical web applications.