Что не так с вашим сайтом — покажет Lighthouse

Маркетинговые ресурсы

10 марта 2021 г.

В Finteza появился новый отчет Lighthouse — это инструмент для общего аудита сайта. Отчет поможет сделать сайт быстрее, избавиться от уязвимостей и привести страницы в соответствие с рекомендациям Google. И как итог — улучшить рейтинг своего проекта в поисковой системе. Вы оцените свой веб-проект по многим параметрам и получите советы, как исправить обнаруженные проблемы.

Почему стоит использовать этот отчет:

  1. Это очень простой инструмент, которым могут пользоваться даже новички
  2. По каждой проблеме вы получите рекомендацию, как ее исправить — это может касаться отдельных разделов или даже строчек кода
  3. Рекомендации всегда будут самыми актуальными, потому что отчет постоянно обновляется

Новый отчет находится в разделе Performance:

Новый отчет находится в разделе Performance


Отчет можно построить по десктопной или мобильной версии сайта, а также проверить отдельную страницу. Чтобы оценить сайт целиком — просто выберите нужную вкладку: Desktop или Mobile. Если вас интересует только одна страница, начните вводить в поле Page ее адрес — ту часть, что идет после доменного имени. Например, чтобы оценить страницу с адресом https://www.mysite.com/news/marketing/001 введите только /news/marketing/001.

Отчет можно построить по десктопной или мобильной версии сайта, а также проверить отдельную страницу


По каким параметрам Lighthouse оценивает ваш сайт:

1. Performance

Тест скорости сайта — при общей оценке система сравнивает скорость загрузки вашего сайта со скоростью загрузки других сайтов. Например, результат в 100 баллов означает, что ваш проект загружается быстрее, чем 98% сайтов, а оценка 50 — что он быстрее 75% других сайтов. Кроме общей оценки Lighthouse показывает 6 дополнительных метрик, которые формируются по итогам 22 проверок.

Тест скорости сайта — при общей оценке система сравнивает скорость загрузки вашего сайта со скоростью загрузки других сайтов


Каждая из шести метрик показывает, сколько времени занимает тот или иной этап загрузки страницы:

  • First Contentful Paint — первая отрисовка содержимого страницы: текста, изображения — чего угодно
  • First Meaningful Paint — отобразился основной контент страницы. Для разных сайтов система определяет основной контент по-разному: например, для блогов — это заголовок и текст в верхней части, для поисковых систем — результаты выдачи.
  • Speed Index — страница полностью отображается
  • First CPU Idle — на страницу можно вводить данные, например, логин для авторизации
  • Time to Interactive — страница стала полностью интерактивной и быстро реагирует на любые действия пользователя
  • Estimated Input Latency — реакция на ввод данных на пике загруженности страницы. Если значение больше 50 мс — пользователи могут посчитать, что ваш сайт «тормозит»

Кроме этого, вы получаете скриншоты пошагового отображения страницы — это поможет убедиться, что посетители видят ваш сайт так, как вы и рассчитывали.

После обзора производительности вы получите рекомендации, что и как можно улучшить. Как правило они технические и описаны коротко, но по кнопке Learn more вы найдете больше информации.

По кнопке Learn more вы найдете больше информации


2. Accessibility

Здесь оценивается доступность для пользователей — насколько удобно им работать с вашим сайтом, хорошо ли он структурирован, верен ли семантически код. Отчет даст рекомендации по контрастности фона, оформлению ссылок, уровням заголовков и другим параметрам — всего в этой категории Lighthouse проводит 46 проверок.

десь оценивается доступность для пользователей — насколько удобно им работать с вашим сайтом


3. Best Practices

Советы, как оптимизировать сайт на основе «лучших практик» по мнению Google. Например, отчет оценивает ошибки браузера в консоли, пропорции и разрешение изображений, шрифты, использование HTTPS — всего 15 проверок.

Отчет оценивает ошибки браузера в консоли, пропорции и разрешение изображений, шрифты, использование HTTPS и другие показатели


4. SEO

Советы, которые помогут повысить ранжирование сайта в поисковой системе. Отчет формируется по итогам 15 проверок — в основном это базовые показатели вроде canonical, title и мета-тегов.

Советы, которые помогут повысить ранжирование сайта в поисковой системе


Используйте новый отчет, чтобы сделать свой сайт привлекательнее для посетителей, защитить проект от уязвимостей и повысить рейтинг в поисковой системе Google — Lighthouse поможет вам всегда соответствовать самым современным требованиям и рекомендациям.

Проверить свой сайт



Зарегистрируйтесь, чтобы получить:

Регистрируясь, вы принимаете Соглашение об услугах
Поздравляем, аккаунт создан
  • Посетите
    finteza.com
  • Получите
    аккаунт
  • Подтвердите
    email
  • Установите
    код

На почтовый ящик {email} мы отправили письмо, пожалуйста, найдите его и активируйте аккаунт.

После этого вы сможете авторизоваться, и останется только установить трекинг-код на сайт. Это просто: