Аннотация.
В статье приведен обзор метрик сервиса Google PageSpeed Insights (на базе Lighthouse 10 версии), позволяющих определить скорость загрузки веб страницы. На основании приведенных метрик собраны и проанализированы методы оптимизации html контента. Комплексное применение приведенных методов, а также корректная конфигурация сервера, способного быстро отдавать сгенерированный код, позволят получать высокую оценку скорости загрузки страницы на основании рассмотренных ранее метрик. Приведена авторская реализация алгоритмов, способных автоматически изменять компоновку контента html документа, для увеличения скорости отображения содержимого web страницы.
Ключевые слова:
оптимизация, html, веб страница, скорость загрузки, PageSpeed Insights, компоновка веб контента.
Стр. 114-126.
DOI 10.14357/20718632230312
Литература
1. Как скорость и доступность сайта влияют на seo. URL:
https:/айри.рф/blog/как-скорость-доступность-влияют-seo/ (дата обращения: 28.02.2023).
2. Ситников А. С. 12 сервисов проверки скорости загрузки сайта. URL: https://site-ok.ua/blog/12-сервисов-
проверки-скорости-загрузки-сайта (дата обращения: 08.05.2023).
3. Walton P. Первая отрисовка контента (FCP). URL: https://web.dev/fcp/ (дата обращения: 28.02.2023).
4. Speed Index. URL: https://developer.chrome.com/docs/lighthouse/performance/speed-index/ (дата обращения: 28.02.2023).
5. Walton P. Общее время блокировки (TBT). URL: https://web.dev/tbt/ (дата обращения: 28.02.2023).
6. Walton P. Скорость загрузки основного контента (LCP). URL: https://web.dev/lcp/ (дата обращения: 28.02.2023).
7. Walton P., Mihajlija M. Совокупное смещение макета (CLS). URL: https://web.dev/cls/ (дата обращения: 28.02.2023).
8. Хостинг для продуктов «1С-Битрикс»». URL: https://www.1c-bitrix.ru/products/cms/hosting.php (дата обращения: 08.05.2023).
9. Оптимизация запросов к БД. URL: https://dev.1cbitrix.
ru/learning/course/index.php?COURSE_ID=32&LESSON_ID=3594 (дата обращения: 08.05.2023).
10. CSS and Network Performance. URL: https://csswizardry.com/2018/11/css-and-network-performance/ (дата обращения: 08.05.2023).
11. Мыльников К. Улучшаем производительность сайта с помощью CSS. URL: https://habr.com/ru/company/usetech/blog/718200/ (дата обращения: 28.02.2023).
12. Akulov I. Preload, prefetch and other <link> tags. URL: https://3perf.com/blog/link-rels/ (дата обращения: 28.02.2023).
13. WebP image format. URL: https://caniuse.com/webp (дата обращения: 28.02.2023).
14. AVIF image format. URL: https://caniuse.com/avif (дата обращения: 28.02.2023).
15. Maximally optimizing image loading for the web. URL: https://www.industrialempathy.com/posts/imageoptimizations/ (дата обращения: 28.02.2023).
16. Lazy load third-party resources with facades. URL: https://developer.chrome.com/docs/lighthouse/performance/third-party-facades/ (дата обращения: 28.02.2023).
17. Скрипты: async, defer. URL: https://learn.javascript.ru/script-async-defer (дата обращения: 28.02.2023).
