Интернет магазин шабонов
Форма входа

Статьи сайта

Проверка эффективности и качества любого веб-сайта с Lighthouse

Google находится на переднем плане современного веб-дизайна. Он предлагает очень много инструментов от Analytics до DevTools с целью помочь людям создать лучшую сеть.

Недавно Google опубликовал ещё один удобный инструмент под названием Lighthouse. Это бесплатный инструмент автоматического тестирования, который работает на фоне Chrome. Он работает как аудит мини-сайта, где проверяется производительность сайта, скорость, доступность и приверженность к семантике.


Расширение Lighthouse было создано в основном для прогрессивных веб-приложений. Это общие веб-приложения, которые запускаются в браузере и ведут себя как родные приложения, но функционируют как обычные веб-сайты.

PWA - огромная часть проекта Lighthouse. Но цель Lighthouse - помочь всем веб-разработчикам проверить качество своих страниц.

Оно может включать проверку ошибок HTML / CSS или осуществлять поиск повторяющихся строк кода. Lighthouse также просматривает веб-производительность с советами по оптимизации изображений, размеров файлов, HTTP-запросов и т.д.

Все основные результаты аудита отображаются прямо в DevTools от Chrome, поэтому вам даже не нужно открывать новое окно для проверки статистики. Все, что вам нужно, это работающая версия Chrome и некоторое время, чтобы проверить результаты аудита Lighthouse.

Как правило, оно разбивается на четыре категории:
— Представление.
— Доступность.
— Лучшие практики.
— Прогрессивные свойства Webapp.

Каждая категория разбивается на более мелкие объекты с рекомендациями по улучшению UX.


Одним нажатием кнопки вы сможете получить результаты аудита, которые помогут вам радикально улучшить производительность сайта, скорость, удобство использования и почти все показатели, о которых заботится Google.

Если вы хотите узнать больше, пройдитесь по главной странице и ознакомьтесь с другими функциями Lighthouse.

Вы также можете посмотреть презентацию из Google I/O 2017, которая впервые представила Lighthouse сообществу разработчиков.

Поделись с друзьями:
Добавлять комментарии могут только зарегистрированные пользователи.