Задайте правила эффективного использования кеша для статических объектов
Благодаря долгому времени хранения кеша страница может быстрее загружаться при повторных посещениях.
Avoid long main-thread tasks
Lists the longest tasks on the main thread, useful for identifying worst contributors to input delay. more](https://web.dev/long-tasks-devtools/)
Уменьшите влияние стороннего кода
Сторонний код заблокировал основной поток на 390 мс
Сторонний код может сильно замедлить загрузку страниц сайта. Рекомендуем использовать только самые необходимые сторонние ресурсы и сделать так, чтобы они загружались в последнюю очередь.
Сократите время выполнения кода JavaScript
Рекомендуем сократить время на анализ, компиляцию и выполнение скриптов JS. Для этого вы можете уменьшить размер фрагментов кода JS.
Отложите загрузку скрытых изображений
Потенциальная экономия – 13 703 КБ
Чтобы уменьшить время загрузки для взаимодействия, рекомендуем настроить отложенную загрузку скрытых изображений. Тогда основные ресурсы сайта будут загружаться в первую очередь.
Время прохождения сигнала сети
Время прохождения сигнала сети (RTT) напрямую влияет на производительность сайта. Высокое время прохождения сигнала означает, что серверы расположены слишком далеко от пользователя и сайт будет работать медленнее.
Avoid large layout shifts
These DOM elements contribute most to the CLS of the page.
Удалите неиспользуемый код CSS
Потенциальная экономия – 56 КБ
Чтобы сократить расход трафика, удалите ненужные правила из таблиц стилей и отложите загрузку кода CSS, который не используется в верхней части страницы.
Настройте эффективную кодировку изображений
Потенциальная экономия – 5 379 КБ
Оптимизированные изображения загружаются быстрее и меньше расходуют мобильный трафик.
Задержка со стороны сервера
Задержки со стороны сервера могут влиять на скорость загрузки страниц. Высокое время реакции сервера говорит о его перегруженности или недостаточной производительности.
Совокупное смещение макета
Совокупное смещение макета – это процентная величина, на которую смещаются видимые элементы области просмотра при загрузке.
Используйте современные форматы изображений
Потенциальная экономия – 7 646 КБ
Форматы JPEG 2000, JPEG XR и WebP обеспечивают более эффективное сжатие по сравнению с PNG или JPEG, поэтому такие изображения загружаются быстрее и потребляют меньше трафика.
Initial server response time was short
Root document took 270 ms
Keep the server response time for the main document short because all other requests depend on it. more](https://web.dev/time-to-first-byte/).
Минимизируйте работу в основном потоке
Рекомендуем сократить время на анализ, компиляцию и выполнение скриптов JS. Для этого вы можете уменьшить размер фрагментов кода JS.
Избегайте большого количества переадресаций
Потенциальная экономия – 190 мс
Переадресации могут стать причиной дополнительных задержек при загрузке страницы.
Сокращение размера структуры DOM
Сложная структура DOM усилит использование памяти, замедлит стилей](https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations) и увеличит затраты на шаблонов](https://developers.google.com/speed/articles/reflow).
Largest Contentful Paint element
This is the largest contentful element painted within the viewport. More](https://web.dev/lighthouse-largest-contentful-paint/)
Устраните ресурсы, блокирующие отображение
Потенциальная экономия – 50 мс
Некоторые ресурсы блокируют первую отрисовку страницы. Рекомендуем встроить критическую часть данных JS/CSS в код HTML и отложить загрузку остальных ресурсов.
Удалите неиспользуемый код JavaScript
Потенциальная экономия – 177 КБ
Чтобы сократить расход трафика, удалите неиспользуемый код JavaScript.
Предотвратите чрезмерную нагрузку на сеть
Общий размер достиг 15 605 КБ
Чрезмерная нагрузка на сеть стоит пользователям реальных денег и может стать причиной долгого ожидания при работе в Интернете.
Общее время блокировки
Сумма (в миллисекундах) всех периодов от первой отрисовки контента до загрузки для взаимодействия, когда скорость выполнения задач превышала 50 мс.
Постарайтесь уменьшить количество запросов и размеры передаваемых данных
Чтобы установить бюджет для количества и размера ресурсов на странице, добавьте файл budget.json.
Приблизительное время задержки при вводе
Примерное время задержки при вводе показывает время в миллисекундах, через которое приложение реагирует на действия пользователя в течение самых активных 5 секунд загрузки страницы. Если это время превышает 50 мс, пользователям может показаться, что ваше приложение работает слишком медленно.
Старайтесь не допускать создания цепочек критических запросов
Приведенные ниже цепочки критических запросов показывают, какие ресурсы загружаются с высоким приоритетом. Чтобы ускорить загрузку страниц, рекомендуем сократить длину цепочек, уменьшить размер скачиваемых ресурсов или отложить скачивание ненужных ресурсов.
Отрисовка крупного контента
Отрисовка крупного контента – показатель, который определяет время, требуемое на полную отрисовку крупного текста или изображения.
Удалите неиспользуемый код CSS
Потенциальная экономия – 56 КБ
Чтобы сократить расход трафика, удалите ненужные правила из таблиц стилей и отложите загрузку кода CSS, который не используется в верхней части страницы.
Avoid large layout shifts
These DOM elements contribute most to the CLS of the page.
Сокращение размера структуры DOM
Сложная структура DOM усилит использование памяти, замедлит стилей](https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations) и увеличит затраты на шаблонов](https://developers.google.com/speed/articles/reflow).
Initial server response time was short
Root document took 100 ms
Keep the server response time for the main document short because all other requests depend on it. more](https://web.dev/time-to-first-byte/).
Используйте современные форматы изображений
Потенциальная экономия – 7 620 КБ
Форматы JPEG 2000, JPEG XR и WebP обеспечивают более эффективное сжатие по сравнению с PNG или JPEG, поэтому такие изображения загружаются быстрее и потребляют меньше трафика.
First Contentful Paint (3G)
First Contentful Paint 3G marks the time at which the first text or image is painted while on a 3G network. more](https://developers.google.com/web/tools/lighthouse/audits/first-contentful-paint).
Сократите время выполнения кода JavaScript
Рекомендуем сократить время на анализ, компиляцию и выполнение скриптов JS. Для этого вы можете уменьшить размер фрагментов кода JS.
Постарайтесь уменьшить количество запросов и размеры передаваемых данных
Чтобы установить бюджет для количества и размера ресурсов на странице, добавьте файл budget.json.
Старайтесь не допускать создания цепочек критических запросов
Приведенные ниже цепочки критических запросов показывают, какие ресурсы загружаются с высоким приоритетом. Чтобы ускорить загрузку страниц, рекомендуем сократить длину цепочек, уменьшить размер скачиваемых ресурсов или отложить скачивание ненужных ресурсов.
Время прохождения сигнала сети
Время прохождения сигнала сети (RTT) напрямую влияет на производительность сайта. Высокое время прохождения сигнала означает, что серверы расположены слишком далеко от пользователя и сайт будет работать медленнее.
Настройте эффективную кодировку изображений
Потенциальная экономия – 5 015 КБ
Оптимизированные изображения загружаются быстрее и меньше расходуют мобильный трафик.
Устраните ресурсы, блокирующие отображение
Потенциальная экономия – 390 мс
Некоторые ресурсы блокируют первую отрисовку страницы. Рекомендуем встроить критическую часть данных JS/CSS в код HTML и отложить загрузку остальных ресурсов.
Задайте правила эффективного использования кеша для статических объектов
Благодаря долгому времени хранения кеша страница может быстрее загружаться при повторных посещениях.
Избегайте большого количества переадресаций
Потенциальная экономия – 630 мс
Переадресации могут стать причиной дополнительных задержек при загрузке страницы.
Avoid long main-thread tasks
Lists the longest tasks on the main thread, useful for identifying worst contributors to input delay. more](https://web.dev/long-tasks-devtools/)
Задержка со стороны сервера
Задержки со стороны сервера могут влиять на скорость загрузки страниц. Высокое время реакции сервера говорит о его перегруженности или недостаточной производительности.
Largest Contentful Paint element
This is the largest contentful element painted within the viewport. More](https://web.dev/lighthouse-largest-contentful-paint/)
Удалите неиспользуемый код JavaScript
Потенциальная экономия – 158 КБ
Чтобы сократить расход трафика, удалите неиспользуемый код JavaScript.
Общее время блокировки
Сумма (в миллисекундах) всех периодов от первой отрисовки контента до загрузки для взаимодействия, когда скорость выполнения задач превышала 50 мс.
Отложите загрузку скрытых изображений
Потенциальная экономия – 14 019 КБ
Чтобы уменьшить время загрузки для взаимодействия, рекомендуем настроить отложенную загрузку скрытых изображений. Тогда основные ресурсы сайта будут загружаться в первую очередь.
Минимизируйте работу в основном потоке
Рекомендуем сократить время на анализ, компиляцию и выполнение скриптов JS. Для этого вы можете уменьшить размер фрагментов кода JS.
Предотвратите чрезмерную нагрузку на сеть
Общий размер достиг 15 540 КБ
Чрезмерная нагрузка на сеть стоит пользователям реальных денег и может стать причиной долгого ожидания при работе в Интернете.
Приблизительное время задержки при вводе
Примерное время задержки при вводе показывает время в миллисекундах, через которое приложение реагирует на действия пользователя в течение самых активных 5 секунд загрузки страницы. Если это время превышает 50 мс, пользователям может показаться, что ваше приложение работает слишком медленно.
Отрисовка крупного контента
Отрисовка крупного контента – показатель, который определяет время, требуемое на полную отрисовку крупного текста или изображения.
Уменьшите влияние стороннего кода
Сторонний код заблокировал основной поток на 2 310 мс
Сторонний код может сильно замедлить загрузку страниц сайта. Рекомендуем использовать только самые необходимые сторонние ресурсы и сделать так, чтобы они загружались в последнюю очередь.