Дослідження ефективності рендерингу динамічних веб-сторінок на прикладі React

Abstract

Кваліфікаційна робота магістра містить такі структурні частини: вступ, чотири розділи, висновки, список використаних джерел та додатки. Перший розділ «Теоретичні основи рендерингу веб-інтерфейсів та особливості роботи React» складається з чотирьох частин: «Поняття та підходи до рендерингу веб-сторінок», «Класичні моделі клієнтського та серверного рендерингу», «Механізми роботи React та його вплив на продуктивність» та «Огляд сучасних технологій рендерингу: CSR, SSR, SSG та ISR». У даному розділі проведено аналіз предметної області, розглянуто принципи побудови інтерфейсів у веб-додатках та наведено характеристики основних моделей рендерингу, що використовуються у сучасних програмних рішеннях. Другий розділ «Дослідження ефективності рендерингу динамічних веб-сторінок у React» містить такі підрозділи: «Метрики продуктивності Web Vitals», «Методи оцінки часу рендерингу та реакції інтерфейсу», «Фактори, що впливають на швидкість роботи React-додатків» та «Порівняльний аналіз різних підходів до рендерингу». У цьому розділі розглянуто інструменти вимірювання продуктивності, наведено методику експериментальних досліджень та проведено аналітичне порівняння ефективності різних моделей рендерингу на прикладі React. Третій розділ «Проєктування, реалізація та оцінювання продуктивності тестового React-додатку» складається з таких підрозділів: «Постановка задачі та обґрунтування вибору технологій», «Створення тестового застосунку та опис його архітектури», «Реалізація варіантів рендерингу: CSR, SSR та SSG» та «Експериментальне дослідження продуктивності та аналіз отриманих результатів». У даному розділі описано архітектуру створеного застосунку, представлено реалізацію різних підходів до рендерингу, виконано вимірювання продуктивності та надано порівняльний аналіз отриманих результатів. Четвертий розділ «Оптимізація React-додатку та удосконалення ефективності рендерингу» складається з п’яти підрозділів: «Методи оптимізації рендерингу в React», «Мемоізація та зменшення кількості повторних рендерів», «Оптимізація завантаження модулів та даних», «Оцінка ефективності застосованих оптимізацій» та «Перспективи подальшого вдосконалення». У цьому розділі наведено техніки оптимізації React-додатків, реалізовано комплекс заходів зі зниження затримок рендерингу, виконано повторні вимірювання та проаналізовано вплив оптимізацій на загальну продуктивність застосунку.