Покращення продуктивності веб-сайтів через оптимізацію зображень та структури

Скорочена інформація про документ
dc.contributor.authorОлійник Р. В.
dc.contributor.authorOlijnyk Roman V.
dc.date.accessioned2025-05-22T07:24:18Z
dc.date.available2025-05-22T07:24:18Z
dc.date.issued2024
dc.descriptionОлійник, Р. В. Покращення продуктивності веб-сайтів через оптимізацію зображень та структури = Improving website performance through image and structure optimization / Р. В. Олійник // Зб. наук. пр. НУК. – Миколаїв : Гельветика, 2024. – № 4 (497). – С. 181–186.
dc.description.abstractУ сучасному цифровому середовищі швидкість завантаження веб-сторінок є критично важливою для покращення користувацького досвіду. Мета цієї статті полягає у дослідженні методів підвищення продуктивності веб-сайтів через оптимізацію зображень та структури з використанням спеціалізованих інструментів, а саме: метрик продуктивності веб-ресурсів. Методика вимірювань включає використання Google PageSpeed Insights для аналізу основних показників продуктивності, таких як Largest Contentful Paint (LCP), First Input Delay (FID) і Cumulative Layout Shift (CLS). Використання цих метрик дозволяє отримати чітке уявлення про те, як швидко завантажується контент, як швидко користувач може взаємодіяти з ним і наскільки стабільним є візуальне відображення сторінки. Додатково використовуються інструменти, такі як Lighthouse і GTmetrix, для детального аналізу та визначення вузьких місць у продуктивності веб-сторінок. Наукова новизна дослідження полягає у впровадженні сучасних форматів зображень, таких як AVIF і WebP, які, на відмінну від типових JPG та PNG, дозволяють зменшити розмір файлів без втрати якості. Також в статті розглядається оптимізація HTML шляхом використання семантичних тегів новітнього стандарту HTML5, що дозволяє покращити доступність та крос-платформність на рівні підтримки браузера. Показано шляхи оптимізації CSS і Javascript коду для зменшення кількості запитів до сервера та мінімізації кількості вузлів, а також показано позитивний вплив на швидкість виконання коду та продуктивність веб-ресурсів спроектованих, зокрема, з використанням сучасних фронт-енд фреймворків. Практична значимість роботи підтверджує, що комплексна оптимізація зображень і структури веб-сторінок суттєво впливає на продуктивність веб-ресурсів. Використання сучасних форматів зображень та технік адаптивного завантаження дозволяє значно скоротити час завантаження сторінок, що покращує позиції веб-сайтів у пошукових системах. Оптимізація структури HTML, CSS і Javascript коду зменшує навантаження на серверну інфраструктуру та підвищує якість користувацької взаємодії.
dc.description.abstract1In the modern digital environment, the speed of web page loading is critically important for enhancing user experience. The aim of this article is to study methods for improving website performance through image and structure optimization using specialized tools, specifically web resource performance metrics. The measurement methodology includes the use of Google PageSpeed Insights to analyze key performance indicators such as Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS). Utilizing these metrics provides a clear understanding of how quickly content loads, how soon the user can interact with it, and how stable the visual display of the page is. Additionally, tools such as Lighthouse and GTmetrix are used for detailed analysis and identifying bottlenecks in web page performance. The scientific novelty of the research lies in the implementation of modern image formats such as AVIF and WebP, which unlike typical JPG and PNG formats, allow for a reduction in file size without loss of quality. The article also discusses the optimization of HTML through the use of semantic tags of the latest HTML5 standard, which improves accessibility and cross-platform compatibility at the browser support level. Methods for optimizing CSS and Javascript code are shown to reduce the number of server requests and minimize the number of nodes, as well as demonstrating the positive impact on code execution speed and performance of web resources designed, particularly, using modern front-end frameworks. The practical significance of the work confirms that comprehensive optimization of images and the structure of web pages significantly impacts the performance of web resources. The use of modern image formats and adaptive loading techniques can significantly reduce page load times, improving the ranking of websites in search engines. Optimizing the structure of HTML, CSS, and Javascript code reduces the load 1) and enhances the quality of user interaction.
dc.identifier.issn2311-3405 (Print)
dc.identifier.issn2313-0415 (Online)
dc.identifier.urihttps://eir.nuos.edu.ua/handle/123456789/10515
dc.language.isouk
dc.relation.ispartofseriesУДК; 004.738.5
dc.subjectОптимізація
dc.subjectметрики
dc.subjectGoogle PageSpeed Insights
dc.subjectформат
dc.subjectшвидкодія
dc.subjectOptimization
dc.subjectmetrics
dc.subjectformat
dc.subjectperformance
dc.titleПокращення продуктивності веб-сайтів через оптимізацію зображень та структури
dc.title.alternativeImproving website performance through image and structure optimization
dc.typeArticle

Файли

Контейнер файлів
Зараз показуємо 1 - 1 з 1
Ескіз недоступний
Назва:
Olijnyk.pdf
Розмір:
348.49 KB
Формат:
Adobe Portable Document Format
Завантажити
Ліцензійна угода
Зараз показуємо 1 - 1 з 1
Ескіз недоступний
Назва:
license.txt
Розмір:
4.38 KB
Формат:
Item-specific license agreed upon to submission
Опис:
Завантажити

Зібрання

№ 4 (497) 2024