Страница загружается недостаточно быстро в мобильных сетях (Page load is not fast enough on mobile networks)
Published on • Updated on
Многие пользователи заходят на веб-страницы, используя медленное мобильное подключение. Ускорив загрузку страниц при подключении с мобильной сети, вы сделаете работу с сайтом более удобной для мобильных пользователей.
Быстрая загрузка страниц в мобильной сети — базовое требование для того, чтобы сайт считался современным веб-приложением. Смотрите основные требования для современного веб-приложения.
Аудит скорости загрузки страницы Lighthouse
Lighthouse помечает страницы, которые на мобильном подключении загружаются недостаточно быстро.
![Аудит Lighthouse показывает, что страница на мобильном подключении загружается недостаточно быстро](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/Cg0UJ1Lykj672ygYYeXo.png?auto=format)
На восприятие времени загрузки влияют две основные метрики:
- Первая отрисовка контента (First Meaningful Paint, FMP) — показывает, как быстро основное содержимое страницы начинает выглядеть визуально завершенным.
- Время загрузки для взаимодействия (Time to Interactive, TTI) — показывает, как быстро страница становится полностью интерактивной.
Например, если страница кажется визуально законченной через 1 секунду, но пользователь не может взаимодействовать с ней в течение 10 секунд, то время загрузки, скорее всего, будет восприниматься как 10 секунд.
Lighthouse вычисляет, каким будет TTI при медленном сетевом подключении 4G. Если время загрузки для взаимодействия превышает 10 секунд, аудит считается непройденным.
In the Lighthouse report UI the full PWA badge is given when you pass all of the audits in all of the PWA subcategories (Fast and reliable, Installable, and PWA optimized).
How to improve your overall Performance score
Unless you have a specific reason for focusing on a particular metric, it's usually better to focus on improving your overall Performance score.
Use the Opportunities section of your Lighthouse report to determine which improvements will have the most value for your page. The more significant the opportunity, the greater the effect it will have on your Performance score. For example, the Lighthouse screenshot below shows that eliminating render-blocking resources will yield the biggest improvement:
![Lighthouse: Opportunities section](https://wd.imgix.net/image/jL3OLOhcWUQDnR4XjewLBx4e3PC3/TN2iCYypsEV3pcRouSQG.png?auto=format)
See the Performance audits landing page to learn how to address the opportunities identified in your Lighthouse report.
Материалы
- Исходный код для аудита Страница загружается недостаточно быстро в мобильных сетях (Page load is not fast enough on mobile networks).
- Основные требования для современного веб-приложения.
- Процесс визуализации.
- С чего начать анализ производительности времени выполнения.
- Запись данных о производительности во время загрузки.
- Оптимизация контента.
- Производительность визуализации.
Updated on • Improve article