ДОСЛІДЖЕННЯ ВПЛИВУ LAZY LOADING НА ПРОДУКТИВНІСТЬ ВЕБ-ЗАСТОСУНКІВ

Автор(и)

DOI:

https://doi.org/10.36994/2788-5518-2025-01-09-12

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

lazy loading; вебзастосунки; продуктивність; оптимізація; динамічне завантаження; час завантаження; споживання пам’яті; мережеві ресурси; SEO; доступність

Анотація

Актуальність дослідження зумовлена все більшими вимогами до продуктивності сучасних вебзастосунків, які опрацьовують значні обсяги даних і забезпечують високий рівень користувацького досвіду. У цих умовах використання lazy loading розглядається як дієвий підхід до оптимізації завантаження ресурсів, скорочення часу відгуку та зниження навантаження на мережеві й обчислювальні ресурси. Водночас установлено, що, попри очевидні переваги, упровадження цієї технології має низку обмежень, які потребують детального аналізу.Метою роботи є оцінювання впливу lazy loading на ключові показники продуктивності вебзастосунків, визначення його переваг та обмежень, а також розроблення рекомендацій щодо ефективного впровадження цієї технології.Дослідження проводилося із застосуванням методології експериментального моделювання роботи вебзастосунків у різних сценаріях. Створено дві версії застосунку: одну – без використання lazy loading, а іншу – з його впровадженням. Експерименти проводили за умов мереж із різною пропускною здатністю (4G, 3G), а продуктивність оцінювали на основі таких показників, як час завантаження сторінок, використання оперативної пам’яті та споживання мережевих ресурсів. У результаті дослідження встановлено, що lazy loading забезпечує значне скорочення часу завантаження сторінок (до 50% у мережі 4G) і зменшення обсягу переданих даних майже в 3,5 раза. Це значно покращує користувацький досвід, оптимізує використання серверних ресурсів. Водночас виявлено низку обмежень, серед яких – залежність від стабільності мережевого з’єднання, складність реалізації та потенційні труднощі із SEO-індексацією динамічного контенту.У висновках наголошено на важливості врахування специфіки застосунку й потреб користувачів під час упровадження lazy loading. Зокрема, значущим є забезпечення сумісності з пошуковими системами, адаптація до умов слабких мереж і врахування вимог доступності для користувачів з обмеженими можливостями. Перспективи подальших досліджень включають розроблення підходів для оптимізації SEO-індексації динамічного контенту, забезпечення доступності для всіх категорій користувачів та інтеграції lazy loading у системи, що працюють із критичними даними. Також важливим напрямом є аналіз енергоспоживання пристроїв під час використання цієї технології.

Посилання

Bâra R.-M., Boiangiu C. A., Tudose C. Analysing the performance impacts of lazy loading in web applications. Journal of Information Systems & Operations Management. 2024. Vol. 18, № 1. P. 1–15. URL: https://web.rau.ro/websites/jisom/Vol.18%20 No.1%20-%202024/JISOM%2018.1.pdf#page=9 (date of access: 13.12.2024).

Turcotte S., Gokhale, Tip F. Increasing the Responsiveness of Web Applications by Introducing Lazy Loading. 2023 38th IEEE/ACM International Conference on Automated Software Engineering (ASE), Luxembourg, Luxembourg, 2023. P. 459–470. DOI: https://doi.org/10.1109/ASE56229.2023.00192 (date of access: 13.12.2024).

Mjelde E., Opdahl A. L. Load-Time Reduction Techniques for Device-Agnostic Web Sites. Journal of Web Engineering. 2017. Vol. 16, № 3–4. P. 311–346. URL: https://journals.riverpublishers.com/index.php/JWE/article/view/3291 (date of access: 13.12.2024).

Shivakumar S. K. Mobile Web Performance Optimization. Modern Web Performance Optimization: Methods, Tools, and Patterns to Speed Up Digital Platforms. Apress, Berkeley, CA. 2020. P. 79–103. DOI: https://doi.org/10.1007/978-1-4842-6528-4_4 (date of access: 13.12.2024).

Yan F., Xu Z., Zhong Y. S., HaiBei Z., Ge C. Y. Research on Performance Optimization Scheme for Web Front-End and Its Practice. Liang Q., Wang W., Liu X., Na Z., Li X., Zhang B. (eds) Communications, Signal Processing, and Systems. Lecture Notes in Electrical Engineering. Springer, Singapore, 2021. Vol. 654. P. 118–127. DOI: https://doi.org/10.1007/978-981-15-8411-4_118 (date of access: 13.12.2024).

Wickham M. Lazy Loading Images. Practical Android: 14 Complete Projects on Advanced Techniques and Approaches. Apress, Berkeley, CA, 2018. P. 47–84. DOI: https://doi.org/10.1007/978-1-4842-3333-7_3 (date of access: 13.12.2024).

Шведов І. Дослідження доцільності, методів та шляхів оптимізації програмного забезпечення задля пришвидшення роботи веб-застосунків. Вісник Хмельницького національного університету. Серія «Технічні науки». 2024. Т. 337, № 3(2). С. 341–346. URL: https://heraldts.khmnu.edu.ua/index.php/heraldts/article/view/180 (дата звернення: 13.12.2024).

Хлиста І., Бондарчук А. Вирішення проблеми часткового оновлення вмісту веб-сторінки шляхом оптимізації параметрів SPA. Комп’ютерне моделювання та інформаційні технології. 2023. С. 286–291. URL: https://conf.nltu.edu.ua/index.php/conf1/article/view/87 (дата звернення: 13.12.2024).

Антоненко А. В., Балвак А. А., Цвик О. С., Ємелін Д. М., Гришковець Є. П. Інноваційні методи відображення інформації у веб-браузерах. Таврійський науковий вісник. Серія «Технічні науки». 2024. № 1. С. 3–11. URL: https://journals.ksauniv.ks.ua/index.php/tech/article/view/534 (дата звернення: 13.12.2024).

Hajian M. App Shell and Angular Performance. Progressive Web Apps with Angular: Create Responsive, Fast and Reliable PWAs Using Angular. Apress, Berkeley, CA. 2019. P. 169–199. URL: https://books.google.com.ua/books?hl=uk&lr=&id=xdyZDwAAQBAJ&oi=fnd&pg=PR5&dq=Hajian,+M.+(2019).+App+Shell+and+Angular+Performance.+Progressive+Web+Apps+with+Angular&ots=0OsppNP85Z&sig=kdvUk8ZkTDu5MXOz5FZq4F1IuvY&redir_esc=y#v=onepage&q=Hajian%2C%20M.%20(2019).%20App%20Shell%20and%20Angular%20Performance.%20Progressive%20Web%20Apps%20with%20Angular&f=false (date of access: 13.12.2024).

Kostenko O., Furashev V. Genesis of Legal Regulation Web and the Model of the Electronic Jurisdiction of the Metaverse. Bratislava Law Review. 2022. Vol. 6, № 2. P. 21–36. DOI: https://doi.org/10.46282/blr.2022.6.2.316 (date of access: 13.12.2024).

State Information Security as a Challenge of Information and Computer Technology Development / K. Chyzhmar et al. Journal of Security and Sustainability Issues. 2020. P. 819–828. URL: https://www.researchgate.net/publication/340545387_STATE_INFORMATION_SECURITY_AS_A_CHALLENGE_OF_INFORMATION_AND_COMPUTER_TECHNOLOGY_DEVELOPMENT (date of access: 16.12.2024).

Al-Hawari F. Software Design Patterns for Data Management Features in Web-Based Information Systems. Journal of King Saud University-Computer and Information Sciences. 2022. Vol. 34, № 10. P. 10028–10043. DOI: https://doi.org/10.1016/j.jksuci.2022.10.003 (date of access: 13.12.2024).

Domes S. Progressive Web Apps with React: Create Lightning Fast Web Apps with Native Power Using React and Firebase. Packt Publishing Ltd, 2017. P. 1–15. URL: https://books.google.com.ua/books?hl=uk&lr=&id=8RhKDwAAQBAJ&oi=fnd&pg=PP1&dq=Lazy+Loading+Web+++Applications+book&ots=6nSjjsFCBr&sig=0xM-hTx8bOiXJjf8udSLQsgMp7c&redir_esc=y#v=onepage&q=Lazy%20Loading%20%20Web%20%20%20Applications%20book&f=false (date of access: 13.12.2024).

Uluca D. Angular for Enterprise-Ready Web Applications: Build and deliver production-grade and cloud-scale evergreen web apps with Angular 9 and beyond. Packt Publishing Ltd, 2020. URL: https://books.google.com.ua/books?hl=uk&lr=&id=9YLoDwAAQBAJ&oi=fnd&pg=PP1&dq=lazy+loading+web+book&ots=fEb5VAJQYQ&sig=2RI_jPUiCloJFNf7iP2-vD1YPsY&redir_esc=y#v=onepage&q=lazy%20loading%20web%20book&f=false (date of access: 13.12.2024).

##submission.downloads##

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

2025-07-25

Як цитувати

Боровскова, Є. (2025). ДОСЛІДЖЕННЯ ВПЛИВУ LAZY LOADING НА ПРОДУКТИВНІСТЬ ВЕБ-ЗАСТОСУНКІВ. Інфокомунікаційні та комп’ютерні технології, 1(09), 95-101. https://doi.org/10.36994/2788-5518-2025-01-09-12