Метод аналізу та оцінювання складності міграції вебзастосунків з клієнтським рендерингом для побудови адаптивних патернів переходу до серверного рендерингу
DOI:
https://doi.org/10.25140/2411-5363-2026-1(43)-216-228Ключові слова:
клієнтський рендеринг; вебдодаток; клієнтський додаток; аналіз; всесвітня мережа; патернАнотація
У статті представлено результати дослідження, присвяченого аналізу вебзастосунків із клієнтським рендерингом у контексті їх подальшої міграції до серверного рендерингу. Зокрема, розглянуто структуру сучасних React-застосунків, методи автоматизованого збору архітектурних характеристик та побудову формалізованої моделі, що відображає взаємозв’язки між компонентами, маршрутами, медіаресурсами та точками взаємодії з API. Проаналізовано вплив різних груп показників – таких як глибина дерев компонентів, інтенсивність мережевих викликів, залежність від браузерних API та ступінь перевикористання модулів – на загальну складність потенційної міграції. Описано підхід до побудови метрик та інтегральної оцінки складності сторінок, що може бути використаний для подальшої розробки динамічних патернів переходу від клієнтського до серверного рендерингу. Досліджено можливості застосування запропонованої моделі як вхідних даних для майбутніх рішень щодо оптимального вибору стратегії міграції, визначено наявний прогрес і окреслено пріоритетні напрями подальших робіт у цьому напрямі. Результати дослідження можуть бути використані для планування, оцінювання та поетапної трансформації великих промислових вебзастосунків.
Посилання
Lindner, J. (n.d.). Must-known internet traffic statistics. https://gitnux.org/internet-traffic-statistics.
Bhatt, D., Parekh, K., Minat, M., & Patel, B. (2023). ReactJS: A comprehensive analysis of its features, performance, and suitability for modern web development. International Journal of Scientific Research in Engineering and Management (IJSREM). https://doi.org/10.55041/IJSREM25667.
Komperla, V., Pratiba, D., Ghuli, P., & Pattar, R. (2022). React: A detailed survey. Indonesian Journal of Electrical Engineering and Computer Science, 26(3), 1710. https://doi.org/10.11591/ ijeecs.v26.i3.pp1710-1717.
Kiran Challa, V. N. S. (2022). Comprehensive analysis of modern application rendering strategies: Enhancing web and mobile user experiences. Journal of Engineering and Applied Sciences Technology, 1-6. https://doi.org/10.47363/jeast/2022(4)248.
Fadhilah Iskandar, T., Lubis, M., Fabrianti Kusumasari, T., & Ridho Lubis, A. (2020). Comparison between client-side and server-side rendering in the web development. IOP Conference Series: Materials Science and Engineering, 801, 012136. https://doi.org/10.1088/1757-899x/801/1/012136.
Karthik Vallamsetla. (2024). The impact of server-side rendering on UI performance and SEO. International Journal of Scientific Research in Computer Science, Engineering and Information Technology, 10(5), 795-804. https://doi.org/10.32628/cseit241051067.
Ardiyanto, R., & Ardhianto, E. (2024). Analisa performasi metode client side rendering, server side rendering, dan incremental static regeneration dalam proses website rendering. Computer Science (CO-SCIENCE), 4(1), 19-27. https://doi.org/10.31294/coscience.v4i1.2427.
Hanafi, R., Haq, A., & Agustin, N. (2024). Comparison of web page rendering methods based on Next.js framework using page loading time test. TEKNIKA: Jurnal Sains dan Teknologi, 13(1), 102-108. https://doi.org/10.34148/teknika.v13i1.769.
Patel, V. (2023). Analyzing the impact of Next.js on site performance and SEO. International Journal of Computer Applications Technology and Research, 12(10), 24-27. https://doi.org/10.7753/ IJCATR1210.1004.
Conti, M., Gregori, E., & Lapenna, W. (2005). Content delivery policies in replicated web services: Client-side vs. server-side. Cluster Computing, 8(1), 47-60. https://doi.org/10.1007/s10586-004-4436-5.
Tyagi, A. (2020). Optimizing digital experiences with content delivery networks: Architectures, performance strategies, and future trends. World Journal of Advanced Research and Reviews, 7(2), 401-417. https://doi.org/10.30574/wjarr.2020.7.2.0230.
Ekpobimi, H. O., Kandekere, R. C., & Fasanmade, A. A. (2024). Conceptual framework for enhancing front-end web performance: Strategies and best practices. Global Journal of Advanced Research and Reviews, 2(1), 99-107. https://doi.org/10.58175/gjarr.2024.2.1.0032.
Sevencan, Ç. (2024). Optimizing web delivery: The impact of rendering methods on user experience across network conditions (Master’s thesis, California Polytechnic State University).
Han, H., Xue, Y., Liu, Y., & Oyama, K. (2014). Practice and evaluation of pagelet-based client-side rendering mechanism. IEICE Transactions on Information and Systems, E97-D(8), 2067-2083. https://doi.org/10.1587/transinf.E97.D.2067.
Zou, Y., Chen, Z., Zheng, Y., Zhang, X., & Gao, Z. (2014). Virtual DOM coverage for effective testing of dynamic web applications. In Proceedings of the 2014 International Symposium on Software Testing and Analysis (ISSTA) (pp. 313-323). https://doi.org/10.1145/2610384.2610399.
Bai, A. (2022). Million.js: A fast compiler-augmented virtual DOM for the web. arXiv. https://doi.org/10.48550/arXiv.2202.08409.
Zammetti, F. (2020). Modern full-stack development: Using TypeScript, React, Node.js, Webpack, and Docker. Apress. https://doi.org/10.1007/978-1-4842-5738-8.
Osmani, A. (2019). The cost of JavaScript in 2019. https://addyosmani.com/blog/the-cost-of-javascript-2019.
Moore, R. (n.d.). Compare and contrast: CSR, SSR, and SSG in Next.js. https://medium.com/nerd-for-tech/compare-and-contrast-csr-ssr-and-ssg-in-nextjs-58e3caf2e15e.
Budaretskyi, Y., Shchavinskyi, Y., Kuznetsov, V., & Nikolaev, S. (2021). Application of the method of analysis of hierarchies to assess the software of complexes of automation means. Military-Technical Collection, 25, 3-12. https://doi.org/10.33577/2312-4458.25.2021.12-23.
##submission.downloads##
Опубліковано
Як цитувати
Номер
Розділ
Ліцензія

Ця робота ліцензується відповідно до Creative Commons Attribution-NonCommercial 4.0 International License.