У статті досліджено особливості формування Front-end технологій у хмарних середовищах на основі клієнт–серверної архітектури та обґрунтування їхніх застосувань у інформаційних системах «Розумне місто». Запропоновано узагальнену часову модель латентності користувацького запиту, де компоненти відповідають мережевим затримкам, серверному опрацюванню, доступу до даних та витратам на серіалізацію/рендеринг у браузері. Для REST API з розгалуженою схемою маршрутів введено зважену оцінку з урахуванням частоти/критичності викликів, а для агрегованих запитів GraphQL – паралельну модель, у якій час відповіді задає «найповільніша» залежність (критичний шлях у DAG резолверів). Показано, як параметри часової моделі латентності користувацького досвіду знижуються завдяки хмарним засобам, серед яких CDN/Edge та HTTP/3-мережа, шлюз API/бекенд для фронтенда і часткова доставка, кешування та інкрементальні запити, прогресивний/потоковий рендер, а також веб-виконавці. Для планування потужностей пулу екземплярів бекенду та шлюзу API використано апарат систем масового обслуговування M/M/N з оцінкою очікуваної черги (Ерланг-C) та встановлено орієнтири цільового показника рівня сервісу для міських сценаріїв. На прикладі панелі «транспорт + якість повітря + енергомережа» показано, що GraphQL зменшує кількість звернень і стабілізує латентність у порівнянні з множиною REST-викликів, тоді як REST залишається ефективним для простих, добре кешованих ресурсів. Отримані результати дозволяють сформувати практичні рекомендації для проєктування фронтенду у хмарі з прогнозованою продуктивністю та керованими витратами.
- Stünkel, Patrick & Bargen, Ole & Rutle, Adrian & Lamo, Yngve. (2020). GraphQL Federation: A Model-Based Approach.. The Journal of Object Technology. 19. 18:1. 10.5381/jot.2020.19.2.a18.
- Beyer, B., Jones, C., Petoff, J. and Murphy, N. (2016) Site Reliability Engineering: How Google Runs Production Systems. O’Reilly.
- OpenTelemetry: Future-Proofing Your Instrumentation https://www.cncf.io/blog/2020/08/06/opentelemetry- future-proofing-your-instrumentation/
- Fielding, R.T. (2000) Architectural Styles and the Design of Network-based Software Architectures. PhD thesis, UC Irvine.
- Pölöskei, I., & Bub, U. (2021). Enterprise-level migration to micro frontends in a multi-vendor environment. Acta Polytechnica Hungarica, 18(8), 143–160.
- Jain, V. (2023). Web vitals and core metrics for web performance optimization. Journal Name, 7, 198–205. https://doi.org/10.5281/zenodo.14915137
- GraphQL Foundation. (n.d.). What does the GraphQL Foundation do? Retrieved October 6, 2025, from https://graphql.org/faq/foundation/
- Harchol-Balter, Mor. (2013). Performance Modeling and Design of Computer Systems: Queueing Theory in Action. Cambridge University Press 10.1017/CBO9781139226424.
- IETF (2016) Brotli Compressed Data Format. RFC 7932.
- IETF (2021) QUIC: A UDP-Based Multiplexed and Secure Transport. RFC 9000. IETF (2022a) HTTP/3. RFC 9114.
- IETF (2022b) HTTP/2. RFC 9113.
- IETF (2022c) Extensible Prioritization Scheme for HTTP. RFC 9218. IETF (2022d) HTTP Caching. RFC 9111.
- Kleinrock, L. (1976). Queueing Systems Volume 1: Theory. Journal of the American Statistical Association. Wiley https://doi.org/10.2307/2285630
- Kleppmann, M. (2017) Designing Data-Intensive Applications. O’Reilly. https://unidel.edu.ng/focelibrary/ books/Designing%20Data-Intensive%20Applications%20The%20Big%20Ideas%20Behind%20Reliable,%20Scalable,%20and%20Maintainable%20Systems%20by%20Martin%20Kleppmann%20(z-lib.org).pdf
- Mezzalira, L. (2021) Building Micro-Frontends. O’Reilly. https://dl.ebooksworld.ir/books/Building.Micro- Frontends.Luca.Mezzalira.OReilly.-9781492082996.EBooksWorld.ir.pdf
- Shah Sanket (2024) React 18 – Streaming Server Rendering. https://www.dhiwise.com/author/sanket-shah?page=1 W3C (2023) Server-Timing. W3C Working Draft.