Архітектурні рішення і методи оптимізації для підвищення продуктивності до- датків на Node.js та Vue.js

Автор(и)

  • І.А. Ревенчук Харківський національний університет радіоелектроніки, Україна https://orcid.org/0000-0002-5188-9538
  • В.Ю. Стешко Харківський національний університет радіоелектроніки, Україна

DOI:

https://doi.org/10.30837/bi.2022.1(98).08

Ключові слова:

АРХІТЕКТУРА, МЕТОДИ ОПТИМІЗАЦІЇ, ПРОДУКТИВНІСТЬ, ВЕБ-СИСТЕМА, NODE JS, VUE

Анотація

Архітектура програмного забезпечення містить у собі низку важливих рішень про організацію програмної системи, серед яких, вибір структурних елементів та їх інтерфейсів, що становлять і об›єднують систему в єдине ціле; поведінка, що забезпечується спільною роботою цих елементів; організацію цих структурних та поведінкових елементів у більші підсистеми, а також архітектурний стиль, якого дотримується ця організація. Продуктивність веб-додатку – це об›єктивні вимірювання та відчуття користувача, пов›язані із завантаженням і роботою програми. Продуктивність – це про те, як довго веб-додаток завантажується, стає інтерактивним та чуйним, про те, як плавно відбувається взаємодія з контентом. Архітектура та кроки, які необхідно зробити для оптимізації додатку, завжди були і будуть актуальними. Будь-який додаток, має свою архітектуру, але далеко не кожен додаток, дотримується правил, щодо побудови гарної архітектури, те саме стосується і оптимізації. Програму з гарною архітектурою легше розширювати та змінювати, а також тестувати, налагоджувати та розуміти. Як показує практика, люди не люблять чекати і навіть трьох секундна затримка може змусити користувача закрити вкладку з повільним ресурсом. Тому застосування низки методів оптимізації для підвищення продуктивності, призведе до підвищення зручності використання і не змусить користувача залишити ресурс через те, що він повільний. Також пошукові системи при ранжируванні сторінок у пошуку звертають увагу на сотні параметрів. І один із найважливіших – швидкість передачі даних від сервера клієнту

Біографії авторів

І.А. Ревенчук, Харківський національний університет радіоелектроніки

Харківський національний університет радіоелектроніки

В.Ю. Стешко, Харківський національний університет радіоелектроніки

Харківський національний університет радіоелектроніки

Посилання

Керівництво Microsoft з проектування архітектури, 2 видання. URL: https://dut.edu.ua/uploads/l_1507_99407341.pdf.

Роберт Сесіл Мартін, Чиста архітектура – містецтво розроблення програмного забезпечення // 2019 – 368 c.

Як обрати архітектуру для Web-додатку. URL: https://blog.ithillel.ua/articles/web-application-architecture.

The 10 most common web app performance problems. URL:https://www.tricentis.com/blog/10-most-common-web-appperformance problems.

Web Application Performance: 7 Common Problems. URL:https://stackify.com/web-application-problems/.

Архітектура JS Backend: підводні каміння, принципи роботи, лайфхаки. URL: https://dou.ua/forums/topic/33590/.

Comparison of Node.js Frameworks. URL: https://inventorsoft.co/blog/top-14-node-js-frameworks-comparisson.

Node.js Frameworks. URL: https://www.geeksforgeeks.org/node-js-frameworks/.

Оптимізація веб-сторінок та додатків. URL: https://codeguida.com/post/189.

18 Tips for Website Performance Optimization. URL: https://www.keycdn.com/blog/website-performance-optimization.

6 Ways to speed up your Vue.js application. URL: https://betterprogramming.pub/6-ways-to-speed-up-your-vue-jsapplication-2673a6f1cde4.

Jeremy L.Wagner, Web Performance in Action // 2016 – 376 p.

9 tricks to eliminate render blocking resources. URL: https://blog.logrocket.com/9-tricks-eliminate-render-lockingresources/#load-custom-fonts-locally.

Mastering browser cache. URL: https://vueschool.io/articles/vuejs-tutorials/vue-js-performance-mastering-cache/.

KeepAlive, Rendering Mechanism, Performance Vue. URL:https://vuejs.org/guide/introduction.html.

##submission.downloads##

Опубліковано

2022-12-30