Аналіз та оптимізація продуктивності веб-додатків за допомогою сучасних фреймворків

Автор: Галишич Маркіян Іванович
Кваліфікаційний рівень: магістр
Спеціальність: Комп'ютерні системи управління рухомими об'єктами (автомобільний транспорт)
Інститут: Інститут комп'ютерних технологій, автоматики та метрології
Форма навчання: денна
Навчальний рік: 2024-2025 н.р.
Мова захисту: українська
Анотація: Дипломна робота присвячена дослідженню ефективного використання сучасних фреймворків для розробки веб-додатків. У сучасних умовах цифрової трансформації веб-додатки відіграють ключову роль у забезпеченні бізнес-процесів, комунікацій та надання послуг користувачам. Продуктивність таких додатків безпосередньо впливає на їхню успішність, зручність використання та задоволення користувачів. Аналіз і оптимізація продуктивності стають критичними завданнями для розробників, які прагнуть забезпечити високу швидкість роботи, стабільність і масштабованість своїх продуктів. У роботі розглядаються сучасні фреймворки, які надають інструменти для вдосконалення продуктивності веб-додатків. Особливу увагу приділено методам оптимізації, таким як зменшення часу завантаження сторінок, ефективне управління ресурсами та адаптивність до змінних умов використання. Ці аспекти є важливими для створення конкурентоспроможних і якісних веб-продуктів. У першому розділі розглянуті основні інструменти для створення веб-додатків, такі як HTML, CSS, DOM і JavaScript, які є базовими технологіями для розробки фронтенд-частини. HTML визначає структуру веб-сторінок, CSS відповідає за оформлення і стиль, тоді як DOM (Document Object Model) забезпечує можливість динамічного доступу до елементів сторінки та їх модифікації. 5 JavaScript виступає головним інструментом для створення інтерактивних функцій, включаючи обробку подій, динамічне завантаження контенту та роботу з API. Другий розділ присвячений вивченню методу оцінювання продуктивності веб-додатків Core Web Vitals, за допомогою якого визначаються ключові показники, що впливають на зручність користування веб-ресурсом. Третій розділ присвячений розгляду і аналізу робіт які відносяться до теми розробки і поліпшення користувацького досвіду в роботі з веб-додатками задля ширшого розуміння теми. У четвертому розділі представлена практична частина роботи яка включає проведення тестів продуктивності популярних фронтенд фреймворків, розглянута методологія тестів, аналіз їх результатів і підведення підсумків.\ У п’ятому розділі розглянута економічна ефективність даної магістерської роботи, її наукова доцільність, розраховані витрати на дослідження, супутні витрати, розраховані зарплати викладачам і консультантам. Висновки підсумовують результати виконаної роботи, вказуються поради щодо застосування фреймворків для різних цілей. Об’єкт дослідження – актуальні веб фреймворки та їхня продуктивність під час виконання різного типу задач. Предмет дослідження – ефективність використання фреймворків для створення різних частин веб-додатків, дослідження методів їхньої оцінки. Мета дослідження – оцінка ефективності роботи фреймворків для виконання різних задач. Ключові слова – веб-додатки, фреймворки, веб розробка. 6 Перелік використаних літературних джерел: 1. ASP.NET Core Blazor WebAssembly performance best practices. https://docs.microsoft.com/en-us/aspnet/core/blazor/webassembly-performancebest-practices 2. Constructing the Object Model — Web Fundamentals. https://developers. google.com/web/fundamentals/performance/critical-rendering-path/ constructing-the-object-model 3. Critical rendering path- MDN. https://developer.mozilla.org/enUS/docs/Web/Performance/Critical_rendering_path 4. Defining the core web vitals metrics thresholds https://web.dev/articles/defining-core-web-vitals-thresholds. 5. P Kishore and BM Mahendra. Evolution of client-side rendering over server-side rendering. Recent Trends in Information Technology and its Application