lighthouse ci

Маяк CI

Обзор

Lighthouse CI — это набор инструментов, которые максимально упрощают непрерывную работу, сохранение, получение и утверждение результатов Lighthouse.

Быстрый старт

Чтобы начать работу с действиями GitHub для распространенных конфигураций проекта, добавьте следующий файл в свой репозиторий GitHub. Следуйте руководству по началу работы для получения более полного пошагового руководства и инструкций по другим поставщикам и настройкам.

.github/workflows/ci.yml

 name : CI
on : [push]
jobs :
  lighthouseci :
    runs-on : ubuntu-latest
    steps :
      - uses : actions/checkout@v3
      - uses : actions/setup-node@v3
        with :
          node-version : 18
      - run : npm install && npm install -g @lhci/[email protected]
      - run : npm run build
      - run : lhci autorun

Функции

• Получайте отчет Lighthouse вместе с каждым пиаром.
• Предотвратите ухудшение доступности, SEO, автономной поддержки и лучших практик производительности.
• Отслеживайте показатели производительности и оценки Lighthouse с течением времени.
• Устанавливайте и сохраняйте бюджеты производительности для сценариев и изображений.
• Запускайте Lighthouse много раз, чтобы уменьшить дисперсию.
• Сравните две версии вашего сайта, чтобы найти улучшения и улучшения отдельных ресурсов.

Документация

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

Если вы не знакомы с непрерывной интеграцией, начните с «Введение в CI».

• Введение в CI
• Начиная
• Архитектура
• Устранение неполадок/Часто задаваемые вопросы
• Конфигурация
• Сервер
• Политика управления версиями

Связанные общественные проекты

Коллекция проектов с использованием Lighthouse CI, написанных сообществом. Если вы используете Lighthouse CI в своем проекте с открытым исходным кодом, откройте PR, чтобы добавить его здесь!

• Lighthouse CI GitHub Action — автоматически запускайте Lighthouse CI при каждом запросе запроса с помощью GitHub Actions, инфраструктура не требуется.

• Стартовый пример Lighthouse CI — минимальный пример репозитория, который вы можете использовать в качестве шаблона при запуске с нуля, предлагает удобное для начинающих руководство по быстрому запуску с использованием приложения create-react-app.

• Действие Lighthouse CI Compare Action — действие Lighthouse CI Github, которое сравнивает текущий коммит с исходным коммитом и создает объект с различиями и таблицу Markdown, которую можно использовать для разных целей.

Руководства сообщества

Коллекция неофициальных сообщений в блогах, учебных пособий и руководств, написанных сообществом по использованию Lighthouse CI. Если вы написали руководство по использованию Lighthouse CI в своем проекте, откройте PR и добавьте его сюда!

ПРИМЕЧАНИЕ. Это не официальная документация. Прежде чем продолжить, вам рекомендуется ознакомиться с Lighthouse CI и прочитать «Начало работы».

• Интеграция Lighthouse CI для генератора статических веб-сайтов — статья об интеграции Lighthouse CI с генераторами статических веб-сайтов, такими как Gatsby, Jekyll и т. д.
• Автоматизация аудита Google Lighthouse и загрузка результатов в Azure. В этой статье рассматривается настройка Lighthouse CI для работы на веб-сайте и загрузка результатов в Docker-контейнер сервера Lighthouse CI, работающий как локально, так и в Azure.

Содействие

Мы приветствуем вклад в маяк-ci! Чтобы начать, прочитайте наше руководство по участию.