ЗНИЖЕННЯ ЗАГАЛЬНОГО ЧАСУ БЛОКУВАННЯ (TBT) ДЛЯ ВЕБКОМПОНЕНТІВ ЗА ДОПОМОГОЮ РЕНДЕРУ НА БОЦІ СЕРВЕРУ

DOI: 10.31673/2786-8362.2024.026405

Анотація

Впровадження веб-компонентів в стандарти веб-розробки W3C відкриває чимало можливостей для
розробників веб-застосунків створювати сторінки не покладаючись на сторонні бібліотеки. В той
час як проліферація використання веб-компонентів дає нові можливості для користувачів стосовно
динамічного створення сторінок, зміна сторінки за допомогою JavaScript при старті додатку
негативно впливає на швидкість відображення та час до інтерактивності сторінки. Вище наведені
властивості є одними з основних, за якими пошукові машини визначають рейтинг сторінки. Також
використання JavaScript для відображення сторінки унеможливлює індексацію пошуковою
машиною. Технологія рендеру на боці серверу є перспективним рішенням зниження часу
відображення та зниження часу до інтерактивності сторінки, і також створює умови для індексації
пошуковою машиною.

Kлючові слова: веб, веб-сайт, рендер, HTML, рендер на боці серверу, SEO, JavaScript, вебкомпонент, TBT, total blocking time, загальний час блокування

Список використаної літератури:
1. First Contentful Paint | Lighthouse | Chrome for Developers. URL:
https://developer.chrome.com/docs/lighthouse/performance/first-contentful-paint
2. Cumulative Layout Shift (CLS). URL: https://web.dev/articles/cls
3. Total Blocking Time (TBT). URL: https://web.dev/articles/tbt
4. Angular - Server-side render. URL: angular.io/guide/ssr
5. React Server Components. URL: https://react.dev/reference/rsc/server-components
6. Strazzullo, F. (2023). Web Components. In: Frameworkless Front-End Development.
Apress, Berkeley, CA. URL: https://doi.org/10.1007/978-1-4842-9351-5_5.