1. ELARTU — Інституційний репозитарій ТНТУ імені Івана Пулюя
  2. Роботи студентів
  3. Магістр
  4. 122 — комп’ютерні науки
Použijte tento identifikátor k citaci nebo jako odkaz na tento záznam: http://elartu.tntu.edu.ua/handle/lib/48669
Název: Оптимізація продуктивності та SEO при масштабуванні проєктів на основі React і Next.js
Další názvy: Optimizing performance and seo when scaling projects based on React and Next.js
Autoři: Старицький, Олександр Тарасович
Starytskyi, Oleksandr Tarasovich
Affiliation: ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна
Bibliographic description (Ukraine): Старицький О. Т. Оптимізація продуктивності та SEO при масштабуванні проєктів на основі React і Next.js : робота на здобуття кваліфікаційного ступеня магістра : спец. 122 – комп’ютерні науки / наук. кер. Л. П. Дмитроца. – Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2024. – 116 с.
Bibliographic reference (2015): Старицький О. Т. Оптимізація продуктивності та SEO при масштабуванні проєктів на основі React і Next.js : робота на здобуття кваліфікаційного ступеня магістра, спец. 122 – комп’ютерні науки / О. Т. Старицький ; наук. кер. Л. П. Дмитроца. – Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2024. – 116 с.
Datum vydání: 29-kvě-2025
Submitted date: 15-kvě-2025
Date of entry: 31-kvě-2025
Nakladatel: ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна
Country (code): UA
Place of the edition/event: Тернопіль
Supervisor: Дмитроца, Леся Павлівна
Dmytrotsa, Lesia
Committee members: Осухівська, Галина Михайлівна
Osukhivska, Halyna
UDC: 004.4
Klíčová slova: 122
комп’ютерні науки
веб-розробка
javascript фреймворки
продуктивність
оптимізація
web development
javascript frameworks
performance
react.js
next.js
optimization
seo
Page range: 116
Abstrakt: У роботі проведено аналіз методів оптимізації продуктивності та SEO для додатків на основі JS-фреймворків. Досліджено архітектуру та методи побудови сучасних вебдодатків з використанням React та Next.js. На основі порівняльного аналізу програмного забезпечення для оптимізації додатків та побудов стратегії проаналізовано та обрано релевантні метрики вимірювання продуктивності. З метою порівняння ефективності методів оптимізації продуктивності та SEO розроблено та побудовано тестові програми з використанням React та Next.js. Проведено експериментальне дослідження ефективності програмних засобів для оптимізації продуктивності та SEO при масштабуванні додатків.
Thesis is devoted to the analysis of productivity and SEO optimization methods for applications based on JS frameworks. The architecture and methods of building modern web applications using React and Next.js are studied. Based on a comparative analysis of application optimization software and strategy building, relevant performance measurement metrics are analyzed and selected. In order to compare the effectiveness of productivity and SEO optimization methods, test applications are developed and built using React and Next.js. An experimental study of the effectiveness of software tools for optimizing productivity and SEO when scaling applications is made.
Popis: Роботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 29.05.2025 р. о 13 год. 30 хв. на засіданні екзаменаційної комісії №33 у Тернопільському національному технічному університеті імені Івана Пулюя.
Content: Вступ 8 1 АНАЛІЗ АРХІТЕКТУРИ ТА МЕТОДІВ ОПТИМІЗАЦІЇ ВЕБПРОЄКТІВ 10 1 1 Архітектура сучасних вебдодатків 10 1 1 1 Принципи побудови масштабованих вебзастосунків 11 1 1 2 Архітектурні патерни 12 1 2 Архітектурні моделі у веброзробці та їх вплив на продуктивність 13 1 2 1 Патерн MVC у розробці вебзастосунків 14 1 2 2 Односторінкові додатки (SPA): переваги та обмеження 17 1 2 3 Робочий процес SPA 18 1 3 Сучасні технології у сучасних вебпроєктах 20 1 3 1 Особливості використання React для розробки продуктивних SPA 21 1 3 2 Next js як рішення для серверного рендерингу та статичної генерації 22 1 4 Оптимізація продуктивності вебзастосунків 24 1 4 1 Основні метрики продуктивності вебзастосунків 25 1 4 2 Напрямки оптимізації продуктивності вебзастосунків 26 1 5 Сучасні підходи до пошукової оптимізації у динамічних вебдодатках 28 1 5 1 Індексація та ефективні рішення SEO-оптимізації SPA-додатків 28 1 5 2 Технічні аспекти SEO 30 1 6 Висновок до першого розділу 32 2 МЕТОДИ ПОБУДОВИ ТА ІНСТУМЕНТИ ВЕБДОДАТКІВ 34 2 1 JavaScript у високопродуктивній веброзробці 34 2 1 1 Структурні особливості JavaScript 34 2 1 2 Огляд сучасних бібліотек та фреймворків 38 2 2 Бібліотека React та оптимізація 40 2 2 1 Структура і компоненти 40 2 2 2 Оптимізація у проєктах React 45 2 3 Фреймворк Next js як інструмент оптимізації 48 2 3 1 Організація та побудова проєктів у Next js 48 2 3 2 Практики SEO у Next js 52 2 4 Інструменти аналізу ефективності вебпроєктів 54 2 4 1 Моніторинг та аналіз SEO-показників 55 2 4 2 Технічні аспекти SEO для Next js 57 2 5 Метрики оцінки продуктивності та SEO 59 2 5 1 Ключові показники продуктивності 61 2 5 2 Метрики індексації та клікабельності 61 2 6 Висновок до другого розділу 63 3 ЕКСПЕРИМЕНТАЛЬНІ ДОСЛІДЖЕННЯ ОПТИМІЗАЦІЇ ПРОДУКТИВНОСТІ ТА SEO 65 3 1 Постановка задачі та методологія експерименту 65 3 1 1 Постановка мети й завдань 66 3 1 2 Гіпотеза, змінні та індикатори ефективності 67 3 1 3 Вибір інструментів і технічного середовища 69 3 2 Базова конфігурація вебпроєкту для оптимізації 73 3 3 Впровадження оптимізації продуктивності 76 3 4 SEO-оптимізація вебдодатку 79 3 5 Аналіз результатів оптимізації 81 3 6 Висновок до третього розділу 88 4 ОХОРОНА ПРАЦІ ТА БЕЗПЕКА В НАДЗВИЧАЙНИХ СИТУАЦІЯХ 91 4 1 Фактори, що впливають на функціональний стан користувачів комп’ютерів 92 4 2 Питання щодо охорони праці 95 4 3 Питання щодо безпеки в надзвичайних ситуаціях 99 4 4 Висновок до четвертого розділу 104 Висновки 108 Список використаних джерел 111 Додатки
URI: http://elartu.tntu.edu.ua/handle/lib/48669
Copyright owner: © Старицький Олександр Тарасович, 2024
References (Ukraine): 1. Berners-Lee, T. (1999). Weaving the Web: The original design and ultimate destiny of the World Wide Web by its inventor. Harper San Francisco.
2. Understanding the Science Behind a High-Performing Web Application Architecture [Електронний ресурс]. Доступно за посиланням: https://softteco.com/blog/web-application-archtecture-explained.
3. Fowler, M. (2012). Patterns of enterprise application architecture. Addison-Wesley.
4. Selfa, D. M., Carrillo, M., & Boone, M. D. R. (2006, March). A database and web application based on MVC architecture. In 16th International Conference on Electronics, Communications and Computers (CONIELECOMP'06) (pp. 48-48). IEEE.
5. How the Model View Controller Architecture Works – MVC Explained [Електронний ресурс]. Доступно за посиланням: https://www.freecodecamp.org/news/model-view-architecture.
6. Mikowski, M., & Powell, J. (2013). Single page web applications: JavaScript end-to-end. Simon and Schuster.
7. What is Single Page Application? (2024, April 26) [Електронний ресурс]. Доступно за посиланням: https://www.geeksforgeeks.org/what-is-single-page-application/.
8. How to Create a React Single Page Application [Електронний ресурс]. Доступно за посиланням: https://programmers.io/blog/react-single-page-application/.
9. Chinnathambi, K. (2018). Learning React: a hands-on guide to building web applications using React and Redux. Addison-Wesley Professional.
10. How to build single-page applications with Next.js [Електронний ресурс]. Доступно за посиланням: https://nextjs.org/docs/app/guides/single-page-applications.
11. Welcome to the Next.js documentation! [Електронний ресурс]. Доступно за посиланням: https://nextjs.org/docs.
12. Vogel, L., & Springer, T. (2023, April). How streaming can improve the world (wide web). In Companion Proceedings of the ACM Web Conference 2023 (pp. 140-143).
13. Pan, Y., White, J., Sun, Y., & Gray, J. (2015, May). Gray computing: An analysis of computing with background javascript tasks. In 2015 IEEE/ACM 37th IEEE International Conference on Software Engineering (Vol. 1, pp. 167-177). IEEE.
14. Vepsäläinen, J., Hellas, A., & Vuorimaa, P. (2024). Overview of Web Application Performance Optimization Techniques. arXiv preprint arXiv:2412.07892.
15. Shethiya, A. S. (2025). Scalability and Performance Optimization in Web Application Development. Integrated Journal of Science and Technology, 2(1).
16. Kleppmann, M., Wiggins, A., Van Hardenberg, P., & McGranaghan, M. (2019, October). Local-first software: you own your data, in spite of the cloud. In Proceedings of the 2019 ACM SIGPLAN International Symposium on New Ideas, New Paradigms, and Reflections on Programming and Software (pp. 154-178).
17. Vepsäläinen, J., Hellas, A., & Vuorimaa, P. (2023). The state of disappearing frameworks in 2023. arXiv preprint arXiv:2309.04188.
18. How to minify a next js app • Issue #3632. (2018) [Електронний ресурс]. Доступно за посиланням: https://github.com/vercel/next.js/issues/3632 [Accessed 18-02-2025].
19. Options: compress next.config.js. (2024) [Електронний ресурс]. Доступно за посиланням: https://nextjs.org/docs/app/api-reference/next-config-js/compress [Accessed 8-03-2025].
20. Sellamuthu, K., Ranjithkumar, S., Kavitha, K., & Gowtham, S. (2022, April). On Page SEO techniques for better ranking in search engines. In 2022 8th International Conference on Smart Structures and Systems (ICSSS) (pp. 01-06). IEEE.
21. Eslamdoust, A. (2022). An overview of search engine optimization techniques. Future Generation of Communication and Internet of Things, 1(4), 52-57.
22. Van Looy, A. (2022). Search engine optimization. In Social Media Management: Using Social Media as a Business Instrument (pp. 125-146). Cham: Springer International Publishing.
23. Erdmann, A., Arilla, R., & Ponzoa, J. M. (2022). Search engine optimization: The long-term strategy of keyword choice. Journal of Business Research, 144, 650-662.
24. Kowalczyk, K., & Szandala, T. (2024). Enhancing SEO in single-page web applications in contrast with multi-page applications. IEEE Access, 12, 11597-11614.
25. Joshi, M. A., & Patel, P. (2018, December). Google page rank algorithm and its updates. In International Conference on Emerging Trends in Science, Engineering and Management, ICETSEM-2018.
26. Roumeliotis, K. I., & Tselikas, N. D. (2022). An effective SEO techniques and technologies guide-map. Journal of Web Engineering, 21(5), 1603-1649.
27. All-In-One SEO Software & Tools [Електронний ресурс]. Доступно за посиланням: https://www.seobility.net/en/ [Accessed 2-04-2025].
28. PageSpeed Insights [Електронний ресурс]. Доступно за посиланням: https://pagespeed.web.dev/ [Accessed 13-04-2025].
29. Run JavaScript Everywhere [Електронний ресурс]. Доступно за посиланням: https://nodejs.org/en.
30. Home • Angular [Електронний ресурс]. Доступно за посиланням: https://angular.dev/ [Accessed 16-04-2025].
31. Vue.js - The Progressive JavaScript Framework [Електронний ресурс]. Доступно за посиланням: https://vuejs.org/ [Accessed 23-04-2025].
32. Express - Node.js web application framework [Електронний ресурс]. Доступно за посиланням: https://expressjs.com/ [Accessed 24-04-2025].
33. React Native • Learn once, write anywhere [Електронний ресурс]. Доступно за посиланням: https://reactnative.dev/ [Accessed 25-04-2025].
34. Redux - A JS library for predictable and maintainable global state management [Електронний ресурс]. Доступно за посиланням: https://redux.js.org/ [Accessed 27-04-2025].
35. Create React App [Електронний ресурс]. Доступно за посиланням: https://create-react-app.dev/ [Accessed 23-03-2025].
36. Запускайте JavaScript будь-де [Електронний ресурс]. Доступно за посиланням: https://nodejs.org/uk [Accessed 3-04-2025].
37. React Developer Tools [Електронний ресурс]. Доступно за посиланням: https://react.dev/learn/react-developer-tools [Accessed 18-03-2025].
38. Chrome DevTools | Chrome for Developers [Електронний ресурс]. Доступно за посиланням: https://developer.chrome.com/docs/devtools [Accessed 3-04-2025].
39. Дмитроца Л.П., Мушинська Г. Аналітика оптимізації чат-бота. Матеріали Ⅹ науково-технічної конференції „Інформаційні моделі, системи та технології“. ТНТУ ім. Івана Пулюя. 2022. С.35.
40. Особливості цифрового розвитку малого і середнього бізнесу України, країн Європи та G7 / Струтинська І. В. та ін. // Колективна монографія, Тернопіль. 2024. С. 411–427.
41. Дмитроца Л.П., Старицький О.Т. Оптимізація продуктивності та SEO при масштабуванні проєктів на основі React і Next.js [Електронний ресурс]. Доступно за посиланням: https://tntu.edu.ua/storage/pages/00001070/TNTU_Aktualni_zadachi_suchasnyh_tehnologiy_2024.pdf [дата звернення 01.03.2025].
42. Lighthouse /Introduction to Lighthouse [Електронний ресурс]. Доступно за посиланням: https://developer.chrome.com/docs/lighthouse/overview/ [Accessed 8-04-2025].
43. Introducing the React Profiler [Електронний ресурс]. – Режим доступу: https://legacy.reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html – Дата звернення: 17.04.2025.
44. Kozbur H., Shkodzinsky O., Dmytrotsa L. Numerical prediction of the strength of a thin-walled pipe loaded with internal pressure and axial tension taking into account its actual dimensions // Scientific Journal of TNTU. – Ternopil: TNTU, 2020. – Vol. 4. – No. 100. – P. 11–19.
45. Start learning about Google Analytics [Електронний ресурс]. – Режим доступу: https://developers.google.com/analytics – Дата звернення: 11.04.2025.
46. What is Search Console? Why and how to use? [Електронний ресурс]. – Режим доступу: https://seo.london/search-console/ – Дата звернення: 23.04.2025.
47. SEO Toolkit [Електронний ресурс]. – Режим доступу: https://www.semrush.com/seo/ – Дата звернення: 30.04.2025.
48. Tag Trends Javascript Frameworks [Електронний ресурс]. – Режим доступу: https://trends.stackoverflow.co/?tags=reactjs%2Cnext.js – Дата звернення: 30.04.2025.
49. Ready to use Material Design components [Електронний ресурс]. – Режим доступу: https://mui.com/material-ui/ – Дата звернення: 30.04.2025.
50. Next.JS or React? Which is Better in SEO Optimization? [Електронний ресурс]. – Режим доступу: https://www.codewalnut.com/learn/is-next-js-better-in-seo-optimization – Дата звернення: 30.04.2025.
51. Strutynska I., Dmytrotsa L., Kozbur H., Melnyk L., Sherstiuk R. The Unification of Approaches to Measuring the Digital Maturity of Business Structures // ICTERI-2021, CEUR Workshop Proceedings, Vol. 3013. – Kherson, Ukraine, 2021. – P. 10–23. – Режим доступу: https://ceur-ws.org/Vol3013/20210010.pdf.
52. Strutynska I., Dmytrotsa L., Kozbur H., Melnyk L. The Digital Business Transformation Index Determining and Monitoring: Development of a National Online Platform // ITTAP’2021: 1st Int. Workshop on Information Technologies: Theoretical and Applied Problems. – CEUR Workshop Proceedings, Vol. 3039. – Ternopil, Ukraine, 2021. – P. 327–334. – Режим доступу: https://ceur-ws.org/Vol3039/short33.pdf.
53. Стручок В. С. Техноекологія та цивільна безпека. Частина «Цивільна безпека»: навчальний посібник. – Тернопіль: ФОП Паляниця В. А., 2023. – 156 с. – [Електронний ресурс]. – Режим доступу: http://elartu.tntu.edu.ua/handle/lib/39424 – Дата звернення: 20.04.2025.
54. World Health Organization. Ergonomic Guidelines for Healthy Computer Use. – WHO, 2020.
55. МОЗ України. Рекомендації щодо організації праці користувачів ПК. – Київ: Міністерство охорони здоров’я України, 2021.
56. American Optometric Association. Computer Vision Syndrome [Електронний ресурс]. – Режим доступу: https://www.aoa.org.
57. Covey S. The 7 Habits of Highly Effective People. – FranklinCovey, 2020.
58. Deloitte Insights. 2022 Global Human Capital Trends [Електронний ресурс]. – Режим доступу: https://www2.deloitte.com.
59. Sheedy J. E. Computer Vision Syndrome: Evaluation and Treatment // J Behav Optom. – 2005.
60. Newport C. Deep Work: Rules for Focused Success in a Distracted World. – Grand Central Publishing, 2016.
61. ДБН В.2.5-56:2014 «Системи протипожежного захисту» [Електронний ресурс]. – Режим доступу: https://online.budstandart.com/ua/catalog/doc-page?id_doc=59583.
62. National Institute of Standards and Technology (NIST). Contingency Planning Guide for Federal Information Systems. Special Publication 800-34 Rev. 1 [Електронний ресурс]. – Режим доступу: https://csrc.nist.gov/publications/detail/sp/800-34/rev-1/final
63. CERT-UA. Рекомендації з кіберзахисту в умовах воєнного стану [Електронний ресурс]. – Режим доступу: https://cert.gov.ua/article/3755359.
64. Міністерство охорони здоров’я України. Настанови з надання домедичної допомоги [Електронний ресурс]. – Режим доступу: https://moz.gov.ua/article/recommendation/nastanova-z-nadannja-domedichnoi-dopomogi.
65. ДБН В.2.5-56:2014 «Системи протипожежного захисту» [Електронний ресурс]. – Режим доступу: https://online.budstandart.com/ua/catalog/doc-page?id_doc=59583.
Content type: Master Thesis
Vyskytuje se v kolekcích:122 — комп’ютерні науки

Soubory připojené k záznamu:
Soubor Popis VelikostFormát 
2025_KRM_SNm-61_Starytskyi_O_T.pdfДипломна робота3,16 MBAdobe PDFZobrazit/otevřít
Zobrazit celý záznam Zobrazit statistiky


Všechny záznamy v DSpace jsou chráněny autorskými právy, všechna práva vyhrazena.

Nástroje administrátora