DOI: 10.17587/prin.14.550-562

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

S. V. Zhukov, Postgraduate Student, i@coder-stas.ru, O. A. Kovaleva, Dr. Sc., Tech., Professor, solomina-oa@yandex.ru, S. V. Kovalev, Dr. Sc., Tech., Professor, sseedd@mail.ru, Derzhavin Tambov State University, Tambov, 392000, Russian Federation

Corresponding author: Stanislav V. Zhukov, Postgraduate Student, Derzhavin Tambov State University, Tambov, 392000, Russian Federation, E-mail: i@coder-stas.ru

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.

Keywords: optimization, html, web page, loading speed, PageSpeed Insights, web content layout, script, algorithm, Lighthouse, bounce rate

pp. 550–562

For citation:
Zhukov S. V., Kovaleva O. A., Kovalev S. V. Analysis of the Impact of Automatic Content Reflow on the Speed of Full Page Rendering, Programmnaya Ingeneria, 2023, vol. 14, no. 11, pp. 550—562. DOI: 10.17587/prin.14.550-562 (in Russian).

References:

• Using site speed in web search ranking, available at: https:// developers.google.com/search/blog/2010/04/using-site-speed-in-web-search-ranking (date of access 14.07.2023).
• Hoffman B. How Website Speed Actually Impacts Search Ranking, available at: http://moz.com/blog/how-website-speed-actually-impacts-search-ranking (date of access 14.07.2023).
• Report: State of the Web, аvailable at: https://httparchive. org/reports/state-of-the-web/ (date of access 14.07.2023).
• Azarenko N. Site bounce rate, аvailable at: https://www. unisender.com/ru/glossary/chto-takoe-pokazatel-otkazov/ (date of access 15.08.2023) (in Russian).
• Silva C. What Is Bounce Rate and What Is a Good Rate? аvailable at: https://www.semrush.com/blog/bounce-rate/ (date of access July 14, 2023).
• Behavioral factors, available at: https://blog.skillfactory.ru/glos-sary/povedencheskie-faktory/ (date of access 14.07.2023) (in Russian).
• Ranking Factors 2.0, available at: https://www.semrush.com/ ranking-factors/ (date of access 14.07.2023).
• Core Web Vitals — Updated Google Ranking Factor. How to prepare and what to look out for, available at: https://habr.com/ ru/sandbox/153080/ (date of access 14.07.2023) (in Russian).
• Walton P. Web Vitals, available at: https://web.dev/i18n/ru/vitals/ (date of access 14.07.2023).
• What is the average time before full desktop page load? available at: https://lp.littledata.io/average/time-before-full-desktop-page-load/ (date of access 14.07.2023).
• About PageSpeed Insights, available at: https://developers. google.com/speed/docs/insights/v5/about?hl=en (date of access August 15, 2023).
• Walton P. First rendering of content (FCP), available at: https://web.dev/fcp/ (date of access July 14, 2023) (in Russian).
• Speed Index, available at: https://developer.chrome.com/docs/lighthouse/performance/speed-index/ (date of access 14.07.2023).
• Walton P. Total Block Time (TBT), available at: https://web. dev/tbt/ (date of access 14.07.2023) (in Russian).
• Walton P. Main content download speed (LCP), available at: https://web.dev/lcp/ (date of access 14.07.2023) (in Russian).
• Walton P., Mihajlija M. Cumulative Layout Offset (CLS), available at: https://web.dev/cls/ (date of access 14.07.2023) (in Russian).
• MinifyX, available at: https://docs.modx.pro/components/ minifyx (date of access 16.08.2023) (in Russian).
• Grunt-critical, available at: https://github.com/bezoerb/ grunt-critical (date of access 16.08.2023).