КОНФЕРЕНЦІЇ ВНТУ електронні наукові видання, 
Молодь в науці: дослідження, проблеми, перспективи (МН-2026)

Розмір шрифта: 
Методи та засоби оптимізації продуктивності клієнтської частини високонавантажених вебдодатків
Вероніка Павлівна Бусигіна, Ілона Віталіївна Богач

Остання редакція: 2026-06-08

Анотація


В цій роботі розглядаються сучасні підходи до підвищення продуктивності клієнтської частини вебдодатків, що є критично важливим для забезпечення якісного користувацького досвіду (UX) та ефективного SEO-ранжування. Основна увага приділяється аналізу архітектурних патернів, таких як клієнтський (CSR) та серверний рендеринг (SSR), а також методам зменшення обсягу переданих даних. Досліджуються технології лінивого завантаження, розділення коду та оптимізації медіаресурсів відповідно до метрик Core Web Vitals.


Methods and tools for optimizing the performance of the client side of high-load web applications
Abstract
This work examines modern approaches to improving the client-side performance of web applications, which is critically important for ensuring a high-quality user experience (UX) and effective SEO ranking. The primary focus is on analyzing architectural patterns such as client-side (CSR) and server-side rendering (SSR), as well as methods for reducing the volume of transmitted data. The research explores technologies for lazy loading, code splitting, and media resource optimization in accordance with Core Web Vitals metrics.


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


продуктивність вебдодатків; Core Web Vitals; SSR; CSR; розділення коду; ліниве завантаження; вебсистема; web application performance; code splitting; lazy loading; web system

Посилання


  1. Web Vitals. [Електронний ресурс] – Режим доступу:  https://web.dev/vitals/ (дата звернення: 20.03.2026).
  2. Rendering on the Web.  [Електронний ресурс] – Режим доступу: https://web.dev/rendering-on-the-web/ (дата звернення: 20.03.2026).
  3. Next.js Architecture and SSR. [Електронний ресурс] – Режим доступу:  https://nextjs.org/learn/foundations/about-nextjs (дата звернення: 20.03.2026).
  4. Code Splitting in Modern Web Apps. [Електронний ресурс] – Режим доступу: https://react.dev/reference/react/lazy (дата звернення: 20.03.2026).
  5. Lazy Loading. Mozilla Developer Network. [Електронний ресурс] – Режим доступу:  https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading (дата звернення: 20.03.2026).
  6. Image Optimization with WebP and AVIF. [Електронний ресурс] – Режим доступу:https://web.dev/fast/use-imagemin-to-compress-images/ (дата звернення: 20.03.2026).

Повний текст: PDF