Дослідження ефективності клієнтського та серверного рендерингу у вебдодатках

Abstract

У магістерській роботі проведено всебічне дослідження двох ключових моделей рендерингу інтерфейсу у вебдодатках — клієнтської (CSR) та серверної (SSR). Розглянуто їхню архітектурну специфіку, принципи роботи та особливості впливу на продуктивність вебзастосунків. Основною метою є встановлення ефективності кожного з підходів шляхом побудови двох експериментальних прототипів, збору вимірювань продуктивності та аналізу отриманих даних. Під час дослідження опрацьовано сучасні інструменти веброзробки, зокрема React і Next.js, а також засоби оцінювання продуктивності — Lighthouse, WebPageTest і Chrome DevTools. Результати експериментів подані у вигляді порівняльних таблиць, графічних залежностей і детальних аналітичних висновків, що дозволяє визначити сильні та слабкі сторони CSR і SSR. Практичне значення роботи полягає в узагальненні рекомендацій щодо вибору оптимального підходу до рендерингу, враховуючи специфіку проєкту, вимоги до швидкодії, пошукової оптимізації та навантаження на серверну інфраструктуру. Магістерська кваліфікаційна робота містить 74 сторінок, 23 рисунків, 15 використаних джерел.

The thesis presents a comprehensive study of two fundamental rendering models used in web application development — client-side rendering (CSR) and server-side rendering (SSR). It investigates the architectural features of each approach, their operational behavior, and their impact on overall application performance. The primary goal of the research is to assess and compare the effectiveness of CSR and SSR by creating two experimental prototypes, collecting performance metrics, and analyzing the results. Modern web technologies, including React and Next.js, as well as performance evaluation tools such as Lighthouse, WebPageTest, and Chrome DevTools, were examined throughout the study. The obtained results are presented through comparative tables, graphical representations, and detailed analytical conclusions, enabling a clear understanding of the advantages and limitations of each rendering method. The practical contribution of the thesis lies in providing consolidated recommendations on selecting an appropriate rendering strategy depending on project requirements, performance expectations, SEO considerations, and server resource constraints. The master's thesis includes 74 pages, 23 figures, and 15 references.