REDUCTION OF TOTAL BLOCKING TIME (TBT) FOR WEB COMPONENTS USING SERVER-SIDE RENDERING

DOI: 10.31673/2786-8362.2024.026405

Abstract

The introduction of web components into
the W3C web development standards opens up many opportunities for web application developers to create
pages without relying on third-party libraries. While the proliferation of the use of web components
provides new opportunities for users to dynamically create pages, changing the page using JavaScript at
the start of the application negatively affects the display speed and the time before the page becomes
interactive. The above properties are among the main ones by which search engines determine the ranking
of a page. Also, the use of JavaScript to display the page makes indexing by search engines impossible.
Server-side rendering technology is a promising solution to reduce display time and reduce page
interactivity time, and also creates conditions for search engine indexing.

Keywords: web, website, rendering, HTML, server-side rendering, SEO, JavaScript, web
components, TBT, total block time, closed block hour

List of used literature:
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