Проверьте производительность и качество любого веб-сайта с маяком

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

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

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

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

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

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

Обычно это разбивается на четыре категории:

• Спектакль.
• доступность.
• Лучшие практики.
• Прогрессивные свойства Webapp.

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

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

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

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