84
Производительность
Нужно улучшить
ViewMend
Проверка ресурсов ViewMend
AI-интерпретация производительности
Нужно улучшить
Отчёт ViewMend для selfyear.uk
ViewMend выполнил проверку ресурсов страницы. Некоторые лабораторные метрики могут быть временно недоступны.
Этот отчёт был создан на языке: English. Интерфейс ViewMend сейчас открыт на языке: Русский. Сохранённые данные проверки отображаются в исходном виде.
Запустить новую проверку на языке: Русский
Тип проверки
Ресурсная
Использованные данные
ресурсы и технические проверки
Проверено
May 20, 20:02
Устройства
Mobile + Desktop
Практические задачи
12
Найденных ресурсов
6
Уверенность
Высокая 12 / Средняя 0 / Проверить 0
Оценки производительности
Результаты проверки
Оценки производительности
Данные ниже относятся к выбранному устройству.
92
Доступность
Хорошо
79
Best Practices
Нужно улучшить
100
SEO
Хорошо
59
Производительность
Нужно улучшить
92
Доступность
Хорошо
78
Best Practices
Нужно улучшить
100
SEO
Хорошо
Лабораторные метрики
Основные метрики
Это лабораторные показатели выбранного устройства. Ниже ViewMend превращает их в практические задачи.
FCP Нужно улучшить
2.6 s
Лабораторная метрика
LCP Нужно улучшить
3.4 s
Лабораторная метрика
TBT Нужно улучшить
229 ms
Лабораторная метрика
CLS Хорошо
0.018
Лабораторная метрика
Speed Index Хорошо
2.6 s
Лабораторная метрика
FCP Нужно улучшить
2.6 s
Лабораторная метрика
LCP Нужно улучшить
3.3 s
Лабораторная метрика
TBT Нужно улучшить
228 ms
Лабораторная метрика
CLS Хорошо
0.006
Лабораторная метрика
Speed Index Хорошо
2.6 s
Лабораторная метрика
План действий ViewMend
Что исправлять первым
Первые задачи ниже — это конкретные ресурсы, действия и проверка результата.
Главное действие
ViewMend нашёл 6 практических задач
На Mobile начните с задачи: отложить сторонние скрипты.
- 7 задач влияют на первый экран
- 4 CSS-файла можно сократить или проверить на блокировку
- 2 сторонних JS-скрипта можно отложить
- 4 JavaScript-файла можно сократить или отложить
- 2 изображения требуют оптимизации
- Потенциальная экономия: 860 KB
1
Отложить сторонние скрипты
8 сторонних скриптов добавляют ожидание сети и main-thread work.
Что найдено
ViewMend нашёл несколько vendor scripts. Их лучше проверить одной задачей: так проще убрать дубли тегов и настроить позднюю загрузку.
Что сделать
- Проверить, действительно ли vendor script нужен на этой странице.
- Перенести загрузку после первого экрана или после consent/user interaction.
- Использовать async/defer, если скрипт не блокирует основной рендер.
- Убрать дубли тегов из tag manager или шаблонов.
Ожидаемый эффект
Может снизить main-thread blocking и улучшить TBT, если перенести некритичную vendor-нагрузку позже.
Кому
Frontend-разработчик
Затронутые ресурсы
Показано 3 из 8
www.googletagmanager.com / js
www.googletagmanager.com/gtag/js
www.googletagmanager.com / js
www.googletagmanager.com/gtag/js
www.googletagmanager.com / js
www.googletagmanager.com/gtag/js
18132118690
googleads.g.doubleclick.net/pagead/viewthroughconversion/18132118690
collect
www.google.com/ccm/collect
18132118690
googleads.g.doubleclick.net/pagead/viewthroughconversion/18132118690
www.googletagmanager.com / js
www.googletagmanager.com/gtag/js
18132118690
googleads.g.doubleclick.net/pagead/viewthroughconversion/18132118690
Как проверить после исправления
Повторить аудит ViewMend и сравнить затронутую метрику.
Спрашиваем ViewMend AI...
Простое объяснение
Как исправить
Как проверить
Проблема
Затронутые ресурсы
Что нужно сделать
Что не делать / риски
Критерии приёмки
Шаги проверки
Создайте аккаунт, чтобы сохранить задачу
2
Проверить сторонние запросы
2 сторонних запроса добавляют ожидание сети или vendor cost.
Что найдено
ViewMend нашёл сторонние запросы. Проверьте, нужны ли они во время initial load и можно ли перенести их позже.
Что сделать
- Проверить, нужен ли запрос во время initial load.
- Для versioned static assets увеличить cache lifetime.
- Сжимать текстовые ресурсы через Brotli или gzip.
- Отложить third-party или некритичные запросы до появления первого контента.
Ожидаемый эффект
Может сократить vendor waiting time и улучшить performance, если некритичные сторонние запросы перенести позже.
Кому
Developer / hosting
Затронутые ресурсы
2 ресурса
favicon.ico
selfyear.uk/favicon.ico
site.webmanifest
selfyear.uk/site.webmanifest
Как проверить после исправления
Повторить аудит ViewMend и сравнить затронутую метрику.
Спрашиваем ViewMend AI...
Простое объяснение
Как исправить
Как проверить
Проблема
Затронутые ресурсы
Что нужно сделать
Что не делать / риски
Критерии приёмки
Шаги проверки
Создайте аккаунт, чтобы сохранить задачу
3
Оптимизировать загрузку веб-шрифтов
3 font-ресурса могут задерживать отрисовку текста или первый экран.
Что найдено
ViewMend нашёл font-ресурсы. Проверьте family, weights, connection hints и приоритет загрузки одной задачей.
Что сделать
- Оставить только font-family, weights и styles, которые реально используются на этой странице.
- Добавить preconnect для fonts.googleapis.com и fonts.gstatic.com.
- Проверить, что для шрифтов используется font-display: swap.
- Если шрифт критичен для первого экрана, рассмотреть preload критичного font-файла.
- Если возможно, заменить на системный шрифт или локальное подключение.
Ожидаемый эффект
Может быстрее показать текст и улучшить FCP / LCP, если загрузка шрифтов меньше блокирует первый экран.
Кому
Frontend-разработчик
Затронутые ресурсы
3 ресурса
fonts.googleapis.com / css2
fonts.googleapis.com/css2
UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2
fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2
fonts.googleapis.com / css2
fonts.googleapis.com/css2
Как проверить после исправления
Повторить аудит ViewMend и сравнить затронутую метрику.
Спрашиваем ViewMend AI...
Простое объяснение
Как исправить
Как проверить
Проблема
Затронутые ресурсы
Что нужно сделать
Что не делать / риски
Критерии приёмки
Шаги проверки
Создайте аккаунт, чтобы сохранить задачу
4
Сократить JavaScript-файлы
2 JavaScript-файла добавляют download, parse или execution cost.
Что найдено
ViewMend нашёл несколько JavaScript-ресурсов для оптимизации. Их лучше разбирать как одну задачу по bundle и стратегии загрузки.
Что сделать
- Открыть затронутый URL или selector.
- Применить рекомендацию, которая относится к этому ресурсу.
- Повторить проверку ViewMend и сравнить затронутую метрику.
Ожидаемый эффект
Может уменьшить download, parse и execution work, что помогает TBT и отзывчивости страницы.
Кому
Developer
Затронутые ресурсы
2 ресурса
selfyear.uk
https://selfyear.uk
public-CPYCXqvs.js
selfyear.uk/build/assets/public-CPYCXqvs.js
Как проверить после исправления
Повторить аудит ViewMend и сравнить затронутую метрику.
Спрашиваем ViewMend AI...
Простое объяснение
Как исправить
Как проверить
Проблема
Затронутые ресурсы
Что нужно сделать
Что не делать / риски
Критерии приёмки
Шаги проверки
Создайте аккаунт, чтобы сохранить задачу
5
Проверить затронутый ресурс
section.hero > div.container > div.hero-content > p.hero-text требует точечной технической проверки.
Что найдено
ViewMend нашёл конкретный ресурс для этой задачи. Используйте URL ниже как стартовую точку исправления.
Что сделать
- Открыть затронутый URL или selector.
- Применить рекомендацию, которая относится к этому ресурсу.
- Повторить проверку ViewMend и сравнить затронутую метрику.
Ожидаемый эффект
Может улучшить после исправления ресурса и повторной проверки.
Кому
Developer
section.hero > div.container > div.hero-content > p.hero-text
section.hero > div.container > div.hero-content > p.hero-text
Как проверить после исправления
Повторить аудит ViewMend и сравнить затронутую метрику.
Спрашиваем ViewMend AI...
Простое объяснение
Как исправить
Как проверить
Проблема
Затронутые ресурсы
Что нужно сделать
Что не делать / риски
Критерии приёмки
Шаги проверки
Создайте аккаунт, чтобы сохранить задачу
6
Оптимизировать загрузку веб-шрифтов
fonts.googleapis.com / css2 может задерживать отрисовку текста и первого экрана.
Что найдено
ViewMend нашёл stylesheet веб-шрифтов от fonts.googleapis.com. Он может находиться в критическом пути первого экрана: браузеру нужно получить CSS шрифтов, а затем скачать сами font-файлы.
Что сделать
- Оставить только font-family, weights и styles, которые реально используются на этой странице.
- Добавить preconnect для fonts.googleapis.com и fonts.gstatic.com.
- Проверить, что для шрифтов используется font-display: swap.
- Если шрифт критичен для первого экрана, рассмотреть preload критичного font-файла.
- Если возможно, заменить на системный шрифт или локальное подключение.
Ожидаемый эффект
Может ускорить первый экран, быстрее показать текст и улучшить FCP / LCP, если шрифты находятся в критическом пути.
Кому
Frontend-разработчик
fonts.googleapis.com / css2
https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap
Как проверить после исправления
Повторить аудит ViewMend и сравнить затронутую метрику.
Спрашиваем ViewMend AI...
Простое объяснение
Как исправить
Как проверить
Проблема
Затронутые ресурсы
Что нужно сделать
Что не делать / риски
Критерии приёмки
Шаги проверки
Создайте аккаунт, чтобы сохранить задачу
Симптомы
LCP: 3.3 s
FCP: 2.6 s
Speed Index: 2.6 s
TBT: 228 ms
CLS: 0.006
1
Проверить сторонние запросы
2 сторонних запроса добавляют ожидание сети или vendor cost.
Что найдено
ViewMend нашёл сторонние запросы. Проверьте, нужны ли они во время initial load и можно ли перенести их позже.
Что сделать
- Проверить, нужен ли запрос во время initial load.
- Для versioned static assets увеличить cache lifetime.
- Сжимать текстовые ресурсы через Brotli или gzip.
- Отложить third-party или некритичные запросы до появления первого контента.
Ожидаемый эффект
Может сократить vendor waiting time и улучшить LCP / FCP / Speed Index, если некритичные сторонние запросы перенести позже.
Кому
Developer / hosting
Затронутые ресурсы
2 ресурса
favicon.ico
selfyear.uk/favicon.ico
site.webmanifest
selfyear.uk/site.webmanifest
Как проверить после исправления
Повторить аудит ViewMend и сравнить затронутую метрику.
Спрашиваем ViewMend AI...
Простое объяснение
Как исправить
Как проверить
Проблема
Затронутые ресурсы
Что нужно сделать
Что не делать / риски
Критерии приёмки
Шаги проверки
Создайте аккаунт, чтобы сохранить задачу
2
Отложить сторонние скрипты
4 сторонних скрипта добавляют ожидание сети и main-thread work.
Что найдено
ViewMend нашёл несколько vendor scripts. Их лучше проверить одной задачей: так проще убрать дубли тегов и настроить позднюю загрузку.
Что сделать
- Проверить, действительно ли vendor script нужен на этой странице.
- Перенести загрузку после первого экрана или после consent/user interaction.
- Использовать async/defer, если скрипт не блокирует основной рендер.
- Убрать дубли тегов из tag manager или шаблонов.
Ожидаемый эффект
Может снизить main-thread blocking и улучшить Speed Index / TBT, если перенести некритичную vendor-нагрузку позже.
Кому
Frontend-разработчик
Затронутые ресурсы
Показано 3 из 4
www.googletagmanager.com / js
www.googletagmanager.com/gtag/js
www.googletagmanager.com / js
www.googletagmanager.com/gtag/js
18132118690
googleads.g.doubleclick.net/pagead/viewthroughconversion/18132118690
collect
www.google.com/ccm/collect
Как проверить после исправления
Повторить аудит ViewMend и сравнить затронутую метрику.
Спрашиваем ViewMend AI...
Простое объяснение
Как исправить
Как проверить
Проблема
Затронутые ресурсы
Что нужно сделать
Что не делать / риски
Критерии приёмки
Шаги проверки
Создайте аккаунт, чтобы сохранить задачу
3
Сократить JavaScript-файлы
2 JavaScript-файла добавляют download, parse или execution cost.
Что найдено
ViewMend нашёл несколько JavaScript-ресурсов для оптимизации. Их лучше разбирать как одну задачу по bundle и стратегии загрузки.
Что сделать
- Открыть затронутый URL или selector.
- Применить рекомендацию, которая относится к этому ресурсу.
- Повторить проверку ViewMend и сравнить затронутую метрику.
Ожидаемый эффект
Может уменьшить download, parse и execution work, что помогает TBT и отзывчивости страницы.
Кому
Developer
Затронутые ресурсы
2 ресурса
selfyear.uk
https://selfyear.uk
public-CPYCXqvs.js
selfyear.uk/build/assets/public-CPYCXqvs.js
Как проверить после исправления
Повторить аудит ViewMend и сравнить затронутую метрику.
Спрашиваем ViewMend AI...
Простое объяснение
Как исправить
Как проверить
Проблема
Затронутые ресурсы
Что нужно сделать
Что не делать / риски
Критерии приёмки
Шаги проверки
Создайте аккаунт, чтобы сохранить задачу
4
Оптимизировать загрузку веб-шрифтов
2 font-ресурса могут задерживать отрисовку текста или первый экран.
Что найдено
ViewMend нашёл font-ресурсы. Проверьте family, weights, connection hints и приоритет загрузки одной задачей.
Что сделать
- Оставить только font-family, weights и styles, которые реально используются на этой странице.
- Добавить preconnect для fonts.googleapis.com и fonts.gstatic.com.
- Проверить, что для шрифтов используется font-display: swap.
- Если шрифт критичен для первого экрана, рассмотреть preload критичного font-файла.
- Если возможно, заменить на системный шрифт или локальное подключение.
Ожидаемый эффект
Может быстрее показать текст и улучшить LCP / FCP / Speed Index, если загрузка шрифтов меньше блокирует первый экран.
Кому
Frontend-разработчик
Затронутые ресурсы
2 ресурса
fonts.googleapis.com / css2
fonts.googleapis.com/css2
UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2
fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2
Как проверить после исправления
Повторить аудит ViewMend и сравнить затронутую метрику.
Спрашиваем ViewMend AI...
Простое объяснение
Как исправить
Как проверить
Проблема
Затронутые ресурсы
Что нужно сделать
Что не делать / риски
Критерии приёмки
Шаги проверки
Создайте аккаунт, чтобы сохранить задачу
5
Проверить затронутый ресурс
section.hero > div.container > div.hero-content > h1 требует точечной технической проверки.
Что найдено
ViewMend нашёл конкретный ресурс для этой задачи. Используйте URL ниже как стартовую точку исправления.
Что сделать
- Открыть затронутый URL или selector.
- Применить рекомендацию, которая относится к этому ресурсу.
- Повторить проверку ViewMend и сравнить затронутую метрику.
Ожидаемый эффект
Может улучшить LCP / FCP после исправления ресурса и повторной проверки.
Кому
Developer
section.hero > div.container > div.hero-content > h1
section.hero > div.container > div.hero-content > h1
Как проверить после исправления
Повторить аудит ViewMend и сравнить затронутую метрику.
Спрашиваем ViewMend AI...
Простое объяснение
Как исправить
Как проверить
Проблема
Затронутые ресурсы
Что нужно сделать
Что не делать / риски
Критерии приёмки
Шаги проверки
Создайте аккаунт, чтобы сохранить задачу
6
Оптимизировать загрузку веб-шрифтов
fonts.googleapis.com / css2 может задерживать отрисовку текста и первого экрана.
Что найдено
ViewMend нашёл stylesheet веб-шрифтов от fonts.googleapis.com. Он может находиться в критическом пути первого экрана: браузеру нужно получить CSS шрифтов, а затем скачать сами font-файлы.
Что сделать
- Оставить только font-family, weights и styles, которые реально используются на этой странице.
- Добавить preconnect для fonts.googleapis.com и fonts.gstatic.com.
- Проверить, что для шрифтов используется font-display: swap.
- Если шрифт критичен для первого экрана, рассмотреть preload критичного font-файла.
- Если возможно, заменить на системный шрифт или локальное подключение.
Ожидаемый эффект
Может ускорить первый экран, быстрее показать текст и улучшить LCP / FCP, если шрифты находятся в критическом пути.
Кому
Frontend-разработчик
fonts.googleapis.com / css2
https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap
Как проверить после исправления
Повторить аудит ViewMend и сравнить затронутую метрику.
Спрашиваем ViewMend AI...
Простое объяснение
Как исправить
Как проверить
Проблема
Затронутые ресурсы
Что нужно сделать
Что не делать / риски
Критерии приёмки
Шаги проверки
Создайте аккаунт, чтобы сохранить задачу
Карта страницы
Ресурсы, сервисы и технические сигналы, найденные ViewMend.
Сторонние ресурсы
Домены, с которых страница загружает скрипты, изображения, шрифты, стили или другие файлы.
- fonts.googleapis.com
- 1 ресурс stylesheet
- googletagmanager.com
- 1 ресурс script
- fonts.gstatic.com
- 1 ресурс font
- googleads.g.doubleclick.net
- 1 ресурс script
- google.com
- 1 ресурс image
Ссылки на странице
Внутренние, внешние, якорные и служебные ссылки, найденные в HTML страницы.
- Внутренние ссылки
- 43
Изображения
Найдено 2 изображения
- Всего изображений
- 2
JavaScript
Найдено 4 скрипта
- JavaScript-файлы
- 4
- Сторонние скрипты
- 3
- Без async/defer
- 1
- Крупные скрипты
- 1
- Общий размер
- 163 KB
CSS и шрифты
Стили и шрифтовые ресурсы, найденные на странице.
- CSS-файлы
- 2
- Шрифтовые стили
- 1
- Файлы шрифтов
- 1
- Домены шрифтов
- fonts.gstatic.com
SEO / HTML-основа
Базовые HTML-сигналы, собранные ViewMend.
- Title
- Найдено
- Meta description
- Найдено
- Canonical
- https://selfyear.uk/
- Количество H1
- 1
- Lang
- en
Сервер и индексация
Ответ сервера, индексация и сигналы доставки.
- Status code
- 200
- Final URL
- https://selfyear.uk/
- noindex
- Нет
- nofollow
- Нет
- Cache-Control
- no-cache, private
ViewMend AI
AI-план исправлений
AI использует доступные данные проверки ViewMend. Некоторые лабораторные метрики могут быть недоступны.
Спросить AI Задача разработчику Спросить об одной проблеме 1 кредит Задача разработчику Создать AI-план исправлений Использует 5 AI-кредитов Генерируем... AI-план создан fixPlanAnswer ? 'Generated AI Fix Plan' : 'Generate AI Fix Plan' Спросить ViewMend AI Создать задачу для разработчика
5 кредитов
Создать AI-план исправлений для этого отчёта
AI использует доступные данные проверки ViewMend. Некоторые лабораторные метрики могут быть недоступны.
AI-кредиты используются только когда вы запрашиваете AI-результат.
Краткое резюме
Главный потенциальный выигрыш
Лучшее первое исправление
Может подождать
Открыть полный AI-план
Исправить сначала
Может подождать
- -
Рекомендуемый порядок
Как перепроверить
Резюме для разработчика
Визуальные данные
Визуальная загрузка
Проверьте, что пользователь видит во время загрузки первого экрана.
Mobile
Скриншот недоступен для этой проверки.
Кадры загрузки
8 кадровСамые медленные кадры показаны первыми.
Desktop
Скриншот недоступен для этой проверки.
Кадры загрузки
8 кадровСамые медленные кадры показаны первыми.
Passed checks
Passed checks
74 checks passed
73 checks passed
ViewMend also checked technical signals that do not require action.
Passed checks
Passed checks list
74 checks passed 73 checks passedSecurity
Uses HTTPS
All sites should be protected with HTTPS, even ones that don't handle sensitive data. This includes avoiding mixed content, where some resources are loaded over HTTP despite the in...
Avoids requesting the geolocation permission on page load
Users are mistrustful of or confused by sites that request their location without context. Consider tying the request to a user action instead. Learn more about the geolocation per...
Avoids requesting the notification permission on page load
Users are mistrustful of or confused by sites that request to send notifications without context. Consider tying the request to user gestures instead. Learn more about responsibly...
HTML / Page basics
Has a `<meta name="viewport">` tag with `width` or `initial-scale`
A `` not only optimizes your app for mobile screen sizes, but also prevents a 300 millisecond delay to user input. Learn more about using the viewport meta tag.
`<html>` element has a `[lang]` attribute
If a page doesn't specify a `lang` attribute, a screen reader assumes that the page is in the default language that the user chose when setting up the screen reader. If the page is...
`<html>` element has a valid value for its `[lang]` attribute
Specifying a valid BCP 47 language helps screen readers announce text properly. Learn how to use the `lang` attribute.
`[user-scalable="no"]` is not used in the `<meta name="viewport">` element and the `[maximum-scale]` attribute is not less than 5.
Disabling zooming is problematic for users with low vision who rely on screen magnification to properly see the contents of a web page. Learn more about the viewport meta tag.
Page has the HTML doctype
Specifying a doctype prevents the browser from switching to quirks-mode. Learn more about the doctype declaration.
Properly defines charset
A character encoding declaration is required. It can be done with a `` tag in the first 1024 bytes of the HTML or in the Content-Type HTTP response header. Learn more about declari...
Avoids an excessive DOM size
A large DOM will increase memory usage, cause longer style calculations, and produce costly layout reflows. Learn how to avoid an excessive DOM size.
247 elements
Optimize DOM size
A large DOM can increase the duration of style calculations and layout reflows, impacting page responsiveness. A large DOM will also increase memory usage. Learn how to avoid an ex...
Optimize viewport for mobile
Tap interactions may be delayed by up to 300 ms if the viewport is not optimized for mobile.
Performance
Cumulative Layout Shift
Cumulative Layout Shift measures the movement of visible elements within the viewport. Learn more about the Cumulative Layout Shift metric.
0.018
Initial server response time was short
Keep the server response time for the main document short because all other requests depend on it. Learn more about the Time to First Byte metric.
Root document took 60 ms
Minimizes main-thread work
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread work
1.0 s
JavaScript execution time
Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to reduce Javascript execution time.
0.4 s
Speed Index
Speed Index shows how quickly the contents of a page are visibly populated. Learn more about the Speed Index metric.
2.6 s
Images
Displays images with correct aspect ratio
Image display dimensions should match natural aspect ratio. Learn more about image aspect ratio.
Serves images with appropriate resolution
Image natural dimensions should be proportional to the display size and the pixel ratio to maximize image clarity. Learn how to provide responsive images.
Image elements have explicit `width` and `height`
Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensions
Defer offscreen images
Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive. Learn how to defer offscreen images.
Serve images in next-gen formats
Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster downloads and less data consumption. Learn more about modern image formats.
Efficiently encode images
Optimized images load faster and consume less cellular data. Learn how to efficiently encode images.
Properly size images
Serve images that are appropriately-sized to save cellular data and improve load time. Learn how to size images.
Improve image delivery
Reducing the download time of images can improve the perceived load time of the page and LCP. Learn more about optimizing image size
JavaScript
`<dl>`'s contain only properly-ordered `<dt>` and `<dd>` groups, `<script>`, `<template>` or `<div>` elements.
When definition lists are not properly marked up, screen readers may produce confusing or inaccurate output. Learn how to structure definition lists correctly.
Lists contain only `<li>` elements and script supporting elements (`<script>` and `<template>`).
Screen readers have a specific way of announcing lists. Ensuring proper list structure aids screen reader output. Learn more about proper list structure.
Minify JavaScript
Minifying JavaScript files can reduce payload sizes and script parse time. Learn how to minify JavaScript.
Remove duplicate modules in JavaScript bundles
Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.
Document has a meta description
Meta descriptions may be included in search results to concisely summarize page content. Learn more about the meta description.
Links have descriptive text
Descriptive link text helps search engines understand your content. Learn how to make links more accessible.
Duplicated JavaScript
Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.
Legacy JavaScript
Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren't necessary for modern browsers. Consider modifying your JavaScript build process...
CSS / Fonts
All text remains visible during webfont loads
Leverage the `font-display` CSS feature to ensure text is user-visible while webfonts are loading. Learn more about `font-display`.
Minify CSS
Minifying CSS files can reduce network payload sizes. Learn how to minify CSS.
Document uses legible font sizes
Font sizes less than 12px are too small to be legible and require mobile visitors to “pinch to zoom” in order to read. Strive to have >60% of page text ≥12px. Learn more about legi...
99.8% legible text
Font display
Consider setting font-display to swap or optional to ensure text is consistently visible. swap can be further optimized to mitigate layout shifts with font metric overrides.
Network
Avoid multiple page redirects
Redirects introduce additional delays before the page can be loaded. Learn how to avoid page redirects.
Avoids enormous network payloads
Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes.
Total size was 485 KiB
Use HTTP/2
HTTP/2 offers many benefits over HTTP/1.1, including binary headers and multiplexing. Learn more about HTTP/2.
Page didn't prevent back/forward cache restoration
Many navigations are performed by going back to a previous page, or forwards again. The back/forward cache (bfcache) can speed up these return navigations. Learn more about the bfc...
SEO
Links are crawlable
Search engines may use `href` attributes on links to crawl websites. Ensure that the `href` attribute of anchor elements links to an appropriate destination, so more pages of the s...
Page isn’t blocked from indexing
Search engines are unable to include your pages in search results if they don't have permission to crawl them. Learn more about crawler directives.
robots.txt is valid
If your robots.txt file is malformed, crawlers may not be able to understand how you want your website to be crawled or indexed. Learn more about robots.txt.
Document has a valid `hreflang`
hreflang links tell search engines what version of a page they should list in search results for a given language or region. Learn more about `hreflang`.
Document has a valid `rel=canonical`
Canonical links suggest which URL to show in search results. Learn more about canonical links.
Accessibility
`[aria-*]` attributes match their roles
Each ARIA `role` supports a specific subset of `aria-*` attributes. Mismatching these invalidates the `aria-*` attributes. Learn how to match ARIA attributes to their roles.
ARIA attributes are used as specified for the element's role
Some ARIA attributes are only allowed on an element under certain conditions. Learn more about conditional ARIA attributes.
Deprecated ARIA roles were not used
Deprecated ARIA roles may not be processed correctly by assistive technology. Learn more about deprecated ARIA roles.
Elements with `role="dialog"` or `role="alertdialog"` have accessible names.
ARIA dialog elements without accessible names may prevent screen readers users from discerning the purpose of these elements. Learn how to make ARIA dialog elements more accessible...
`[aria-hidden="true"]` is not present on the document `<body>`
Assistive technologies, like screen readers, work inconsistently when `aria-hidden="true"` is set on the document ``. Learn how `aria-hidden` affects the document body.
`[aria-hidden="true"]` elements do not contain focusable descendents
Focusable descendents within an `aria-hidden="true"]` element prevent those interactive elements from being available to users of assistive technologies like screen readers. [Learn...
`[role]`s have all required `[aria-*]` attributes
Some ARIA roles have required attributes that describe the state of the element to screen readers. Learn more about roles and required attributes.
`[role]` values are valid
ARIA roles must have valid values in order to perform their intended accessibility functions. Learn more about valid ARIA roles.
`[aria-*]` attributes have valid values
Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid values. Learn more about valid values for ARIA attributes.
`[aria-*]` attributes are valid and not misspelled
Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid names. Learn more about valid ARIA attributes.
Buttons have an accessible name
When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. Learn how to make buttons more acces...
Heading elements appear in a sequentially-descending order
Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to navigate and understand when using assistive technologies. Learn mo...
Links have a discernible name
Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. Learn how to ma...
Best Practices
No browser errors logged to the console
Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns. Learn more about this errors in console diagnosti...
Avoids deprecated APIs
Deprecated APIs will eventually be removed from the browser. Learn more about deprecated APIs.
Page has valid source maps
Source maps translate minified code to the original source code. This helps developers debug in production. In addition, Lighthouse is able to provide further insights. Consider de...
Other checks
Preconnect to required origins
Consider adding `preconnect` or `dns-prefetch` resource hints to establish early connections to important third-party origins. Learn how to preconnect to required origins.
Definition list items are wrapped in `<dl>` elements
Definition list items (`` and ``) must be wrapped in a parent `` element to ensure that screen readers can properly announce them. Learn how to structure definition lists correctly...
Document has a `<title>` element
The title gives screen reader users an overview of the page, and search engine users rely on it heavily to determine if a page is relevant to their search. Learn more about documen...
List items (`<li>`) are contained within `<ul>`, `<ol>` or `<menu>` parent elements
Screen readers require list items (``) to be contained within a parent ``, `` or `` to be announced properly. Learn more about proper list structure.
Touch targets have sufficient size and spacing.
Touch targets with sufficient size and spacing help users who may have difficulty targeting small controls to activate the targets. Learn more about touch targets.
Use video formats for animated content
Large GIFs are inefficient for delivering animated content. Consider using MPEG4/WebM videos for animations and PNG/WebP for static images instead of GIF to save network bytes. Lea...
Avoids `document.write()`
For users on slow connections, external scripts dynamically injected via `document.write()` can delay page load by tens of seconds. Learn how to avoid document.write().
Allows users to paste into input fields
Preventing input pasting is a bad practice for the UX, and weakens security by blocking password managers.Learn more about user-friendly input fields.
Uses passive listeners to improve scrolling performance
Consider marking your touch and wheel event listeners as `passive` to improve your page's scroll performance. Learn more about adopting passive event listeners.
Page has successful HTTP status code
Pages with unsuccessful HTTP status codes may not be indexed properly. Learn more about HTTP status codes.
Document request latency
Your first network request is the most important. Reduce its latency by avoiding redirects, ensuring a fast server response, and enabling text compression.
Modern HTTP
HTTP/2 and HTTP/3 offer many benefits over HTTP/1.1, such as multiplexing. Learn more about using modern HTTP.
Security
Uses HTTPS
All sites should be protected with HTTPS, even ones that don't handle sensitive data. This includes avoiding mixed content, where some resources are loaded over HTTP despite the in...
Avoids requesting the geolocation permission on page load
Users are mistrustful of or confused by sites that request their location without context. Consider tying the request to a user action instead. Learn more about the geolocation per...
Avoids requesting the notification permission on page load
Users are mistrustful of or confused by sites that request to send notifications without context. Consider tying the request to user gestures instead. Learn more about responsibly...
HTML / Page basics
Has a `<meta name="viewport">` tag with `width` or `initial-scale`
A `` not only optimizes your app for mobile screen sizes, but also prevents a 300 millisecond delay to user input. Learn more about using the viewport meta tag.
`<html>` element has a `[lang]` attribute
If a page doesn't specify a `lang` attribute, a screen reader assumes that the page is in the default language that the user chose when setting up the screen reader. If the page is...
`<html>` element has a valid value for its `[lang]` attribute
Specifying a valid BCP 47 language helps screen readers announce text properly. Learn how to use the `lang` attribute.
`[user-scalable="no"]` is not used in the `<meta name="viewport">` element and the `[maximum-scale]` attribute is not less than 5.
Disabling zooming is problematic for users with low vision who rely on screen magnification to properly see the contents of a web page. Learn more about the viewport meta tag.
Page has the HTML doctype
Specifying a doctype prevents the browser from switching to quirks-mode. Learn more about the doctype declaration.
Properly defines charset
A character encoding declaration is required. It can be done with a `` tag in the first 1024 bytes of the HTML or in the Content-Type HTTP response header. Learn more about declari...
Avoids an excessive DOM size
A large DOM will increase memory usage, cause longer style calculations, and produce costly layout reflows. Learn how to avoid an excessive DOM size.
247 elements
Optimize DOM size
A large DOM can increase the duration of style calculations and layout reflows, impacting page responsiveness. A large DOM will also increase memory usage. Learn how to avoid an ex...
Optimize viewport for mobile
Tap interactions may be delayed by up to 300 ms if the viewport is not optimized for mobile.
Performance
Cumulative Layout Shift
Cumulative Layout Shift measures the movement of visible elements within the viewport. Learn more about the Cumulative Layout Shift metric.
0.006
Initial server response time was short
Keep the server response time for the main document short because all other requests depend on it. Learn more about the Time to First Byte metric.
Root document took 50 ms
Minimizes main-thread work
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread work
1.0 s
JavaScript execution time
Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to reduce Javascript execution time.
0.4 s
Images
Displays images with correct aspect ratio
Image display dimensions should match natural aspect ratio. Learn more about image aspect ratio.
Serves images with appropriate resolution
Image natural dimensions should be proportional to the display size and the pixel ratio to maximize image clarity. Learn how to provide responsive images.
Image elements have explicit `width` and `height`
Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensions
Defer offscreen images
Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive. Learn how to defer offscreen images.
Serve images in next-gen formats
Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster downloads and less data consumption. Learn more about modern image formats.
Efficiently encode images
Optimized images load faster and consume less cellular data. Learn how to efficiently encode images.
Properly size images
Serve images that are appropriately-sized to save cellular data and improve load time. Learn how to size images.
Improve image delivery
Reducing the download time of images can improve the perceived load time of the page and LCP. Learn more about optimizing image size
JavaScript
`<dl>`'s contain only properly-ordered `<dt>` and `<dd>` groups, `<script>`, `<template>` or `<div>` elements.
When definition lists are not properly marked up, screen readers may produce confusing or inaccurate output. Learn how to structure definition lists correctly.
Lists contain only `<li>` elements and script supporting elements (`<script>` and `<template>`).
Screen readers have a specific way of announcing lists. Ensuring proper list structure aids screen reader output. Learn more about proper list structure.
Minify JavaScript
Minifying JavaScript files can reduce payload sizes and script parse time. Learn how to minify JavaScript.
Remove duplicate modules in JavaScript bundles
Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.
Document has a meta description
Meta descriptions may be included in search results to concisely summarize page content. Learn more about the meta description.
Links have descriptive text
Descriptive link text helps search engines understand your content. Learn how to make links more accessible.
Duplicated JavaScript
Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.
Legacy JavaScript
Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren't necessary for modern browsers. Consider modifying your JavaScript build process...
CSS / Fonts
All text remains visible during webfont loads
Leverage the `font-display` CSS feature to ensure text is user-visible while webfonts are loading. Learn more about `font-display`.
Minify CSS
Minifying CSS files can reduce network payload sizes. Learn how to minify CSS.
Font display
Consider setting font-display to swap or optional to ensure text is consistently visible. swap can be further optimized to mitigate layout shifts with font metric overrides.
Network
Avoid multiple page redirects
Redirects introduce additional delays before the page can be loaded. Learn how to avoid page redirects.
Avoids enormous network payloads
Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes.
Total size was 485 KiB
Use HTTP/2
HTTP/2 offers many benefits over HTTP/1.1, including binary headers and multiplexing. Learn more about HTTP/2.
Page didn't prevent back/forward cache restoration
Many navigations are performed by going back to a previous page, or forwards again. The back/forward cache (bfcache) can speed up these return navigations. Learn more about the bfc...
SEO
Links are crawlable
Search engines may use `href` attributes on links to crawl websites. Ensure that the `href` attribute of anchor elements links to an appropriate destination, so more pages of the s...
Page isn’t blocked from indexing
Search engines are unable to include your pages in search results if they don't have permission to crawl them. Learn more about crawler directives.
robots.txt is valid
If your robots.txt file is malformed, crawlers may not be able to understand how you want your website to be crawled or indexed. Learn more about robots.txt.
Document has a valid `hreflang`
hreflang links tell search engines what version of a page they should list in search results for a given language or region. Learn more about `hreflang`.
Document has a valid `rel=canonical`
Canonical links suggest which URL to show in search results. Learn more about canonical links.
Accessibility
`[aria-*]` attributes match their roles
Each ARIA `role` supports a specific subset of `aria-*` attributes. Mismatching these invalidates the `aria-*` attributes. Learn how to match ARIA attributes to their roles.
ARIA attributes are used as specified for the element's role
Some ARIA attributes are only allowed on an element under certain conditions. Learn more about conditional ARIA attributes.
Deprecated ARIA roles were not used
Deprecated ARIA roles may not be processed correctly by assistive technology. Learn more about deprecated ARIA roles.
Elements with `role="dialog"` or `role="alertdialog"` have accessible names.
ARIA dialog elements without accessible names may prevent screen readers users from discerning the purpose of these elements. Learn how to make ARIA dialog elements more accessible...
`[aria-hidden="true"]` is not present on the document `<body>`
Assistive technologies, like screen readers, work inconsistently when `aria-hidden="true"` is set on the document ``. Learn how `aria-hidden` affects the document body.
`[aria-hidden="true"]` elements do not contain focusable descendents
Focusable descendents within an `aria-hidden="true"]` element prevent those interactive elements from being available to users of assistive technologies like screen readers. [Learn...
`[role]`s have all required `[aria-*]` attributes
Some ARIA roles have required attributes that describe the state of the element to screen readers. Learn more about roles and required attributes.
`[role]` values are valid
ARIA roles must have valid values in order to perform their intended accessibility functions. Learn more about valid ARIA roles.
`[aria-*]` attributes have valid values
Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid values. Learn more about valid values for ARIA attributes.
`[aria-*]` attributes are valid and not misspelled
Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid names. Learn more about valid ARIA attributes.
Buttons have an accessible name
When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. Learn how to make buttons more acces...
Heading elements appear in a sequentially-descending order
Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to navigate and understand when using assistive technologies. Learn mo...
Links have a discernible name
Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. Learn how to ma...
Best Practices
No browser errors logged to the console
Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns. Learn more about this errors in console diagnosti...
Avoids deprecated APIs
Deprecated APIs will eventually be removed from the browser. Learn more about deprecated APIs.
Page has valid source maps
Source maps translate minified code to the original source code. This helps developers debug in production. In addition, Lighthouse is able to provide further insights. Consider de...
Other checks
Preconnect to required origins
Consider adding `preconnect` or `dns-prefetch` resource hints to establish early connections to important third-party origins. Learn how to preconnect to required origins.
Definition list items are wrapped in `<dl>` elements
Definition list items (`` and ``) must be wrapped in a parent `` element to ensure that screen readers can properly announce them. Learn how to structure definition lists correctly...
Document has a `<title>` element
The title gives screen reader users an overview of the page, and search engine users rely on it heavily to determine if a page is relevant to their search. Learn more about documen...
List items (`<li>`) are contained within `<ul>`, `<ol>` or `<menu>` parent elements
Screen readers require list items (``) to be contained within a parent ``, `` or `` to be announced properly. Learn more about proper list structure.
Touch targets have sufficient size and spacing.
Touch targets with sufficient size and spacing help users who may have difficulty targeting small controls to activate the targets. Learn more about touch targets.
Use video formats for animated content
Large GIFs are inefficient for delivering animated content. Consider using MPEG4/WebM videos for animations and PNG/WebP for static images instead of GIF to save network bytes. Lea...
Avoids `document.write()`
For users on slow connections, external scripts dynamically injected via `document.write()` can delay page load by tens of seconds. Learn how to avoid document.write().
Allows users to paste into input fields
Preventing input pasting is a bad practice for the UX, and weakens security by blocking password managers.Learn more about user-friendly input fields.
Uses passive listeners to improve scrolling performance
Consider marking your touch and wheel event listeners as `passive` to improve your page's scroll performance. Learn more about adopting passive event listeners.
Page has successful HTTP status code
Pages with unsuccessful HTTP status codes may not be indexed properly. Learn more about HTTP status codes.
Document request latency
Your first network request is the most important. Reduce its latency by avoiding redirects, ensuring a fast server response, and enabling text compression.
Forced reflow
A forced reflow occurs when JavaScript queries geometric properties (such as offsetWidth) after styles have been invalidated by a change to the DOM state. This can result in poor p...
Modern HTTP
HTTP/2 and HTTP/3 offer many benefits over HTTP/1.1, such as multiplexing. Learn more about using modern HTTP.
Предпросмотр скриншота