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