|
Abstract.
The article provides an overview of the metrics of the Google PageSpeed Insights service (based on Lighthouse 10 version) that made it possible to determine the speed of loading a web page. Based on the above metrics, methods for marking up html content are collected and analyzed. The complex application of the above methods, as well as the correct configuration of the server that can quickly send the generated code, will allow you to get a high estimate of the page loading speed based on the previously discussed metrics. The author's implementation of algorithms that can automatically change the html document to match the scheme of optimal data layout for fast display of page content is given.
Keywords:
html, content layout, web page, optimization, loading speed.
PP. 114-126.
DOI 10.14357/20718632230312 References
1. Kak skorost' i dostupnost' sayta vliyayut na seo [How site speed and accessibility affect SEO]. Available at: https:/айри.рф/blog/как-скорость-доступность-влияют-seo/ (accessed February 28, 2023). 2. Sitnikov A.S. 12 servisov proverki skorosti zagruzki sayta [12 services for checking website loading speed]. URL: https://site-ok.ua/blog/12-сервисов-проверки-скорости-загрузки-сайта (accessed May 8, 2023). 3. Walton P. Pervaya otrisovka kontenta (FCP) [First Content Render (FCP)]. Available at: https://web.dev/fcp/ (accessed February 28, 2023). 4. Speed Index. Available at: https://developer.chrome.com/docs/lighthouse/performance/speed-index/ (дата обращения: 28.02.2023). 5. Walton P. Obshcheye vremya blokirovki (TBT) [Total Block Time (TBT)]. Available at: https://web.dev/tbt/ (accessed February 28, 2023). 6. Walton P. Skorost' zagruzki osnovnogo kontenta (LCP) [Main content download speed (LCP)]. Available at: https://web.dev/lcp/ (accessed February 28, 2023). 7. Walton P., Mihajlija M. Sovokupnoye smeshcheniye maketa (CLS) [Cumulative Layout Offset (CLS)]. Available at: https://web.dev/cls/ (accessed February 28, 2023). 8. Khosting dlya produktov «1S-Bitriks» [Hosting for 1CBitrix products]. URL: https://www.1c-bitrix.ru/products/ cms/hosting.php (accessed May 8, 2023). 9. Database query optimization [Database query optimization]. URL: https://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ID=32&LESSON_ID=3594 (accessed May 8, 2023). 10. CSS and Network Performance. URL: https://csswizardry.com/2018/11/css-and-network-performance/ (accessed May 8, 2023). 11. Myl'nikov K. Uluchshayem proizvoditel'nost' sayta s pomoshch'yu CSS [Improving website performance with CSS]. Available at: https://habr.com/ru/company/usetech/ blog/718200/ (accessed February 28, 2023). 12. Akulov I. Preload, prefetch and other <link> tags. Available at: https://3perf.com/blog/link-rels/ (accessed February 28, 2023). 13. WebP image format. Available at: https://caniuse.com/webp (accessed February 28, 2023). 14. AVIF image format. Available at: https://caniuse.com/avif (accessed February 28, 2023). 15. Maximally optimizing image loading for the web. Available at: https://www.industrialempathy.com/posts/imageoptimizations/ (accessed February 28, 2023). 16. Lazy load third-party resources with facades. Available at: https://developer.chrome.com/docs/lighthouse/performance/third-party-facades/ (accessed February 28, 2023). 17. Skripty: async, defer [Scripts: async, defer]. Available at: https://learn.javascript.ru/script-async-defer (accessed February 28, 2023).
|
