Дослідження продуктивності роботи веб-додатків з різними форматами зображень (на прикладі gif, jpg, png, swf та webp)

UKR: Магістерська робота присвячена порівняльному аналізу ефективності сучасних та традиційних форматів графічного контенту в вебсередовищі. У роботі розглянуто технічні особливості форматів JPEG, PNG, GIF, WebP та застарілої технології SWF. В межах дослідження розроблено вебзастосунок для автоматизованого пакетного тестування зображень, який дозволяє вимірювати час завантаження (Load Time), час декодування (Decode Time) та швидкість відмальовування основного контенту (LCP). Мета дослідження полягає у виявленні реального впливу форматів на продуктивність інтерфейсу та навантаження обчислювальних ресурсів пристрою. Об'єктом дослідження є процеси передачі та рендерингу графічних даних у браузері. Наукова новизна полягає у виявленні "прихованих" витрат формату WebP на етапі декодування, що частково нівелює вигоду від високого стиснення у швидких мережах. Практичне значення роботи полягає у розробці рекомендацій щодо вибору форматів для різних категорій графіки з метою покращення користувацького досвіду (UX).

ENG: The master's thesis is dedicated to a comparative analysis of the efficiency of modern and traditional graphic content formats in the web environment. The technical features of JPEG, PNG, GIF, WebP, and the legacy SWF technology are examined. Within the research, a web application for automated batch image testing was developed, allowing the measurement of Load Time, Decode Time, and Largest Contentful Paint (LCP) speed. The aim of the study is to identify the real impact of formats on interface performance and the load on device computing resources. The object of the study is the processes of transmission and rendering of graphic data in the browser. The scientific novelty lies in identifying the "hidden" costs of the WebP format at the decoding stage, which partially offsets the benefits of high compression in high-speed networks. The practical significance of the work lies in developing recommendations for choosing formats for different categories of graphics to improve user experience (UX).