Google представил Недавно появилась новость о публикации его инструмента Lighthouse, стр.для веб-браузера Firefox, который был предоставлен в качестве дополнения для браузера. Надстройка Firefox была подготовлен основной командой разработчиков Lighthouse и использует API PageSpeed Insights для создания отчетов.
Тем, кто не знаком с Lighthouse, следует знать, что это автоматизированный инструмент с открытым исходным кодом для веб-разработчиков, включенный в Chrome и предназначенный для улучшения качества веб-приложений.
С Lighthouse просто запустите серию тестов напротив страницы, и затем создается отчет о производительности страницы. Отсюда разработчики могут использовать полученные данные в качестве индикаторов., с помощью которых они могут улучшить свое веб-приложение.
Плагин позволяет идентифицировать Узкие при работе веб-приложений проанализировать скорость загрузки компонентов и потребление ресурсов, выявлять излишне ресурсоемкие операции в JavaScript, выявлять проблемы в конфигурации http-сервера, оценить оптимизацию дизайна для индексации поисковой системы (SEO) и изучить актуальность использования веб-технологий и пригодность веб-приложения для людей с ограниченными возможностями, а также поддержку моделирования приложения с более слабым процессором и низкой пропускной способностью сети.
По сути, с помощью Google Lighthouse вы можете многое рассказать о веб-сайте, в том числе следующее:
- Сколько времени требуется, чтобы первое изображение или контент появился на экране пользователя.
- Правильно ли сформирован и отслеживается ли файл robots.txt на сайте.
- Когда пользователи могут впервые взаимодействовать с вашей страницей
- Рейтинг скорости вашего сайта
Отчет разделен на несколько разделов:
- производительность: который показывает вам основы работы вашего сайта в его нынешнем виде. В этом отчете больше внимания уделяется скорости загрузки сайта, чем любому другому фактору.
- возможности: который предоставляет возможности, которые могут помочь вам ускорить работу вашего сайта и повысить производительность. Эти возможности невероятно специфичны, например, включение сжатия текста.
- Диагноз: который указывает на конкретные проблемы на вашем сайте, которые необходимо решить, например, слишком большие размеры файлов и потенциально замедляющие время загрузки. Они расскажут вам, в чем именно проблема, как она влияет на ваш сайт и почему ее необходимо исправить.
- Прогрессивное веб-приложение- который дает вам подробный аудит вашего веб-приложения и может гарантировать надежность и функциональность вашего мобильного приложения для вашей аудитории. Это ценно; Многие инструменты аудита этого не предлагают.
- Доступность: показывая вам способы сделать ваш сайт более доступным и более простым для навигации или использования. Это не следует игнорировать, поскольку UX-дизайн важен для эффективности сайта.
- Лучшие практики: которые объясняют лучшие способы надежной оптимизации вашего сайта, включая внедрение HTML и отображение изображений.
- SEO: в котором подробно рассматривается, как ваш сайт может работать в поисковых системах, и различные факторы, влияющие на его рейтинг. Они изучат индикаторы качества контента, отслеживаемости, совместимости мобильных устройств и т. Д. И помогут вам определить новые способы повышения видимости вашей поисковой системы.
Получить Маяк
Наконец, для тех, кто заинтересован в установке и тестировании этого дополнения, они могут найти его в магазине дополнений Firefox или могут. по ссылке ниже.
Что касается пользователей Chrome, как упоминалось в начале, Lighthouse интегрируется непосредственно в инструменты разработчика Chrome на панели «Аудит».
Хотя он также доступен как расширение для браузера, которое можно установить из эту ссылку.
Относительно того, как вы используете этот инструмент как графически, так и в режиме командной строки, вы можете обратиться к его документации. По следующей ссылке.