Что не так с вашим сайтом — покажет Lighthouse
Маркетинговые ресурсы
В Finteza появился новый отчет Lighthouse — это инструмент для общего аудита сайта. Отчет поможет сделать сайт быстрее, избавиться от уязвимостей и привести страницы в соответствие с рекомендациям Google. И как итог — улучшить рейтинг своего проекта в поисковой системе. Вы оцените свой веб-проект по многим параметрам и получите советы, как исправить обнаруженные проблемы.
Почему стоит использовать этот отчет:
- Это очень простой инструмент, которым могут пользоваться даже новички
- По каждой проблеме вы получите рекомендацию, как ее исправить — это может касаться отдельных разделов или даже строчек кода
- Рекомендации всегда будут самыми актуальными, потому что отчет постоянно обновляется
Новый отчет находится в разделе 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 вы найдете больше информации.
2. Accessibility
Здесь оценивается доступность для пользователей — насколько удобно им работать с вашим сайтом, хорошо ли он структурирован, верен ли семантически код. Отчет даст рекомендации по контрастности фона, оформлению ссылок, уровням заголовков и другим параметрам — всего в этой категории Lighthouse проводит 46 проверок.
3. Best Practices
Советы, как оптимизировать сайт на основе «лучших практик» по мнению Google. Например, отчет оценивает ошибки браузера в консоли, пропорции и разрешение изображений, шрифты, использование HTTPS — всего 15 проверок.
4. SEO
Советы, которые помогут повысить ранжирование сайта в поисковой системе. Отчет формируется по итогам 15 проверок — в основном это базовые показатели вроде canonical, title и мета-тегов.
Используйте новый отчет, чтобы сделать свой сайт привлекательнее для посетителей, защитить проект от уязвимостей и повысить рейтинг в поисковой системе Google — Lighthouse поможет вам всегда соответствовать самым современным требованиям и рекомендациям.
