Please use this identifier to cite or link to this item:
http://eztuir.ztu.edu.ua/123456789/8199
Title: | Оптимізація промальовування вебзастосунку на основі об’єктів з глибокою вкладеністю та багатозалежними зв’язками |
Other Titles: | Optimizing the rendering of an object-based web application with deep nesting and many dependencies |
Authors: | Войтюк, О.В. Плечистий, Д.Д. Voitiuk, O.V. Plechystyy, D.D. |
Keywords: | промальовування вебзастосунку фронтенд React рендерінг фреймворк кеш рефакторінг web application drawing front-end React rendering framework cache refactoring |
Issue Date: | 2023 |
Publisher: | Державний університет "Житомирська політехніка" |
Series/Report no.: | Технічна інженерія;1(91) |
Abstract: | Стаття присвячена дослідженню застосування методів оптимізації промальовуювання вебзастосунків з використанням об’єктів з глибокою вкладеністю. Розглядається завдання аналізу користувацького інтерфейсу, який містить складну структуру даних, отриману від серверної частини. Для цього було сформовано спеціальний набір даних на основі аналізу багатьох вебзастосунків, у яких наявна складна система архітектури фронтенд-частини. Продемонстровано, як вона, зі свого боку, слугує основним набором на вхід системи. Показано, що фронтенд-частина розроблена на основі бібліотеки React з використанням таких технологій: JavaScript, HTML, CSS, Redux та допоміжних бібліотек для коректної роботи системи. Додаток структурує та трансформує вхідні параметри у формат, зручний для використання самою системою. З огляду на те, що система орієнтована на використання лише для фронтенд-розробки, обґрунтовано, що серверна частина додатка відсутня. За допомогою браузерних інструментів досліджено проблеми продуктивності існуючих систем, які використовують складні структури даних для промалювання вебдодатка. Доведено, що результатом роботи системи є компонент, який відмальовує оптимізовану систему даних, що має покращені показники продуктивності: швидкість відмалювання, швидкість реакції системи на користувацькі дії, зменшена кількість ітерацій промальовування інтерактивних елементів. Додатковий функціонал містить трансформації і структуризацію вхідних параметрів, унаслідок чого новий набір даних буде мати додаткові параметри та семантичну структуру об’єктів. Надалі планується розробка методу оптимізації і впровадження її у вигляді незалежної бібліотеки, яка, за можливості, замінить процес відмалювання схожих структур даних. |
URI: | http://eztuir.ztu.edu.ua/123456789/8199 |
Appears in Collections: | Технічна інженерія |
Items in DSpace are protected by copyright, with all rights reserved, unless otherwise indicated.