Lighthouse — это автоматизированный инструмент для улучшения качества веб-страниц, который анализирует производительность, доступность, лучшие практики и SEO. Для полноценной работы с Lighthouse на локальном устройстве требуется корректная установка и настройка окружения.
Наиболее распространённый способ установки Lighthouse — через пакетный менеджер npm. Для этого необходимо, чтобы на устройстве был установлен Node.js версии 14 и выше. Проверку версии Node.js выполняют командой:
node -v
После подтверждения корректной версии Node.js выполняется глобальная установка Lighthouse:
npm install -g lighthouse
Ключевые моменты при глобальной установке:
-g позволяет запускать
Lighthouse из любой директории системы.lighthouse в
терминале.Для проверки корректности установки достаточно выполнить:
lighthouse --version
Если терминал выводит номер версии, установка прошла успешно.
Иногда требуется интеграция Lighthouse непосредственно в проект. Для этого выполняют локальную установку:
npm install --save-dev lighthouse
Особенности локальной установки:
Пример использования в package.json:
{
"scripts": {
"audit": "lighthouse https://example.com --output html --output-path ./report.html"
}
}
Запуск анализа выполняется командой:
npm run audit
Lighthouse интегрирован в Google Chrome, поэтому отдельная установка может быть не обязательна, если используется браузер. Для этого:
Особенности:
Для работы с Lighthouse в изолированном окружении можно использовать Docker. Этот способ удобен для CI/CD и тестирования без установки Node.js на систему:
docker pull justinribeiro/lighthouse
docker run --rm -it justinribeiro/lighthouse https://example.com
Преимущества:
После глобальной установки важно убедиться, что PATH
настроен корректно, чтобы терминал видел команду
lighthouse. Для этого на Linux и macOS добавляют путь к
глобальным пакетам npm:
export PATH=$PATH:$(npm bin -g)
На Windows следует проверить, что путь к папке с глобальными пакетами npm добавлен в переменную окружения Path.
Lighthouse активно развивается. Для обновления глобальной версии выполняют:
npm update -g lighthouse
Локальные версии обновляются через:
npm update --save-dev lighthouse
Важно регулярно обновлять инструмент, чтобы получать актуальные метрики и исправления ошибок.
После установки рекомендуется выполнить тестовый запуск:
lighthouse https://example.com --output json --output-path ./report.json
Это создаст отчёт в формате JSON, который можно анализировать или использовать в автоматизированных скриптах.