Analysis of the Impact of Automatic Content Reflow on the Speed of Full Page Rendering

Abstract

Now more and more information is transmitted via the Internet, including through websites. The speed with which sites are displayed to users affects their attitude to the resource they are viewing, and therefore, the speed also affects the success of the resource itself. For example, search engines will be less likely to offer users resources with lower behavioral factors. Despite this, the display speed of many sites is low. This state of affairs harms both the end user of information and the owners of Internet resources. To fix the download speed, you can apply content reflow to optimize the html document. Manually making such edits is a rather time-consuming process. It can be accelerated by automating content reflow through special algorithms. The aim of the work is to optimize the structure of the HTML page to increase the speed of its full display by the browser. A list of services is provided that allows you to check the page loading speed. The text describes the "mirror" script, designed to create copies of web site pages, to test html content optimization algorithms. Descriptions of algorithms developed to solve the problem of low download speed are given. The article presents the results of content optimization on the example of two sites. The full page rendering speed measurement model provided by the Google PageSpeed Insights tool was used, which includes the following metrics: First Contentful Paint (FCP), Speed Index (SI), Total Blocking Time (TBT), Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS). The developed algorithms for automatic reflow of html documents show their effectiveness in optimizing page loading speed according to Lighthouse 9 and 10 versions.